Here is a proposal of a toolbar-style exposed filters.
Exposed filters take less space and media browser is more accessible.

CommentFileSizeAuthor
#3 mbp-toolbar_style-4.patch4.26 KBcamdarley
#2 mbp-toolbar_style-3.patch4.74 KBcamdarley
#1 mbp_toolbar.png84.93 KBdas-peter
mbp-toolbar_style-1.patch1.64 KBcamdarley

Comments

das-peter’s picture

das-peter commented
StatusFileSize
new mbp_toolbar.png84.93 KB

Oh, I like this approach!
But there are some small issues - at least with the admin theme is use currently (Dev of Ember - which's part of Spark)

  • The input elements have different heights - that looks odd
  • The operations area is always open - but you can hide it manually. Shouldn't it be the other way around?
camdarley’s picture

camdarley commented
StatusFileSize
new mbp-toolbar_style-3.patch4.74 KB

I changed the way I transform exposed filter... I think it's better to use jquery.
I tested it with seven and ember and it seems to work well.

camdarley’s picture

camdarley commented
StatusFileSize
new mbp-toolbar_style-4.patch4.26 KB

I removed extra spaces:

das-peter’s picture

das-peter commented

Looks nice, but what happens if someone has a lot of options in the select elements? Or if there are even some more exposed elements?
What I liked initially was that the toolbar needed less space - the new approach uses less space too, but it's not as efficient as the first one.

camdarley’s picture

camdarley commented

You're totally right... but I still think that moving them with jquery to table header is the right way.
Instead of buttons bars, I should transform selects into dropdowns. I would like to move the VBO actions and the edit/delete/download buttons from the footer too.
"Select All" button should be moved too.