Views: Is it possible to Group “exposed” filters in a <div> and add css to it?

Question

In Drupal 7, I have a Views which contained "content: ID", "Content: Type", "Content: Title", "Content: Organization", Conent: City", "Content: State" and "Date: Date(node)". They are all exposed. How can I group them into 3 groups(the group in rearrange only give the feature to add "and" or "or" group), so I can add CSS and make them as an expandable list. Is it possible?

Answer 1

Exposed filters appear in a form so you have to use hook_form_alter as well as hook_theme to theme any form.

Using hook_form_alter assign a new theme to that particulat form. hook_theme is usead for register a new theme.

For more information about form theming visit here

Answer 2

Use Views exposed groups. From the project page:

Adds a new exposed filter style where exposed filters can be grouped into fieldsets (either traditional fieldsets, collapsed fieldsets, or vertical tabs). This is especially useful when a view has an unwieldily number of exposed filter options.