I’m using a ui-only multipicklist field as a filter for a calendar’s grouping model. Next to that, I’m using a table with a regular filter for the calendar’s events model.
I’d like the ‘field’ filter to look like a typical table filter. I’ve messed with the css and kid of got there. Has anyone successfully make a multipicklist field look and act like a multipicklist filter?
I’m missing the dropdown arrow, and the wrapping doesn’t work the way users will expect.
Instead of modifying all of the field css, would it be better/easier to remove the field classes and add the filter classes to the field with jquery on pageload?
How about a donut? We’ve got an awesome little doughnut shop here in Rochester called Ridge Donuts, each doughnut easily twice the size as a standard Dunkin. Doughnut of your choice, baked fresh and shipped the same day!
I added some additional CSS for the background, label, and some additional spacing (and added my field editor’s unique id to all of yours CSS). I had to change the font size. Apparently the font size for filters on the table component is slightly smaller than the font size for the page.
Note for posterity: I have the multiselect field in it’s own field editor, in the div of a responsive grid which is set to Fit Contents. Works very smoothly.