Groups Directory Filters


This component allows you to search for specific groups within your Groups directory as well as provides group sort options based on (last active, newly created, most members and rendering of groups alphabetically).

Note: This widget shows and can be added only on the Groups Directory template type.

Styling the Groups Filters

The Style section enables you to provide some Styling to all the Group Filter components (Content, Search Box, Search Button, Sorting).

Content

Within the content section, you can specify your desired layout of the sort and search options as well as specify what you would wish to have rendered within the filter:

  • Search > Sort

This will render the Search field to the left and the sort options to the right

  • Sort > Search

This will display the Sort option to the left and the Search field to the right

  • Search

Selecting this option will only display the search field

  • Sort

    This option will only display the Sort option

Within the Content section, you can also set other styling such as the background color of the filter, box shadow and border styling aspects.

Search Box

This specifically helps in the styling of the Search Field.

Here you can specify the Text Typography of the field values. 

In addition, you can also specify the background color of the field, colors of the text and placeholder values and border styling aspects, all under different states (normal and active).

Search Button

This helps in defining styling aspects of the search button

Here you can specify the spacing of the button from the search field, color and border styling aspects under different states (normal and hover) as well as the button padding.

Sorting

Within this segment, you can specify the styling of the Sort filter.

This for one allows you to set the text typography of the sort options.

You can as well specify the color and border styling aspects under different states (normal and hover) as well as the sort filter padding.