[Enhancement] Datatable, DataGrid icon set and position

UI Components for JSF
Post Reply
djmj
Posts: 400
Joined: 16 Dec 2011, 01:23

14 Nov 2014, 04:05

The new datatable and grid mobile components look very good! Great thanks for that impressive work!

I have a very little confusion with the used icons and the position of the sorting columns in datatable.

Page selection

I initially clicked the last page button instead of next page button since this icon ">" looks more familiar and straight-forward then a rounded arrow. A page selection is a horizontal navigation.

Same for previous page button.

What about switchting icons ans using a different icon for last/first page?


Sort icon

The sorting icon is too far away from column horizontal start position and it is even closer located to next column then the colum it belongs too.
The decision to use no borders increases this effect. The sorting icon from last column looks "lost" this way.

In showcase it seems column "ID" has no sorting ability.

What about moving the icon left/before the header text?

Higlight page

In the second paginator the number is not highlighted. Only where clicked at.


Preview:

Propsed request vs current gui:

Image
Primefaces: 11.0.0 RC2
Primefaces-Extension: 11.0.0
PrimeFaces-Mobile: 11.0
OmniFaces: 3.11
Jsf: Mojarra 2.3.8
Server: Glassfish 5.1.0

kukeltje
Expert Member
Posts: 9605
Joined: 17 Jun 2010, 13:34
Location: Netherlands

14 Nov 2014, 11:48

I agree, it is confusing for me to, at least the icons for paging. The other issues can, afaik, easily changed with css (maybe the icons can to for now)

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 17 guests