Welcome, Guest
Username: Password: Remember me

TOPIC: Filters layout

Filters layout 09 Sep 2013 15:57 #11032

  • Tomaselli
  • Tomaselli's Avatar
  • Offline
  • Elite Member
  • Posts: 293
  • Thank you received: 87
  • Karma: 46
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.
Last Edit: 10 Sep 2013 08:52 by Tomaselli.
The administrator has disabled public write access.
The following user(s) said Thank You: admin

Filters layout 19 Sep 2013 13:11 #11128

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

I will try to reproduce it.
Thanks. K++
Coding is now a piece of cake
The administrator has disabled public write access.
The following user(s) said Thank You: vivek, mvacha
Time to create page: 0.073 seconds

Get Started