Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

Filters layout 09 Sep 2013 15:57 #11032

Hi,
the filters layout is not user-friendly at all and it surely could be improved a lot, I'm also sure the Admin already knows the filters layout really needs to be fixed.

let's analize how the filters in the list view are generated.
Assuming I have configured labels for each filter item, this is the result of the builder configuration:


this is what it's generated (sandbox j3):




in details:
  1. Price
  2. Length
  3. Year
  4. Class
  5. Hull
  6. Keyword
  7. Order by
  8. Order direction
  9. Items per page
  10. Make
  11. Model
I would also underline there is like a "double" icon (one over another) on the search icon, due to a little css bug, labels are missing. and the labels for the search text are used as placeholder (at the time of this post, there is a little bug and the search text filter is not generated correctly, that's why "- model -" is repeated).


this is what I would expect by default from the generated component:



this is what it should be in my opinion:



The "items per page" should be rendered near the pagination, at the bottom of the page, the order direction could be just an icon. in the builder I would like to configure separately:
  • Label
  • placeholder for the input text field / the null value in the select list

I also would suggest to have the possibility to add more filter bricks, so it could be possible split long list of filters between the bricks to keep a clean layout.
This is just my opinion any other opinion is very welcome.
The following user(s) said Thank You: admin

Please Log in or Create an account to join the conversation.

Last edit: by Tomaselli.

Filters layout 19 Sep 2013 13:11 #11128

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Administrator
  • Chef
  • Posts: 3711
  • Thank you received: 986
Very nice design.

I will try to reproduce it.
Thanks. K++
Coding is now a piece of cake
The following user(s) said Thank You: vivek, mvacha

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Time to create page: 0.057 seconds

Les générateurs de code je les connais presque tous pour les avoir essorés en long en large et en travers ... mais celui ci c'est vraiment un outil formidable de simplicité et d'efficacité !
Marc. (liubov - Forum)

Get Started