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).
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
Selecting this option will only display the search field
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.
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).
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.
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.