12. Tool Bar

The Tool Bar in Super Filter provides options to enable or disable various elements displayed in the visual, allowing users to customize their filter interface. The Tool Bar itself can be toggled On or Off using a dedicated toggle button in the Format Pane.

General Section Options:

  1. Footer Icons:

    • Toggle button to control the visibility of Super Filter icon at the bottom of the visual. When disabled, this icon is hidden. It is enabled by default.

  2. Show On Hover:

    • Toggle button to control the visibility of key options like Search, Saved Filter, Erase, and Bulk Copy Paste. When disabled, these options are always visible.

    • When enabled, an arrow appears on hovering over the top of the visual, which reveals the options when clicked. It is disabled by default.

  3. Clear Button:

    • Toggle button to show or hide the Clear button in the visual.

  4. Saved Filter:

    • Toggle button to control the visibility of saved filters. Enabled by default.

  5. Background Color:

    • Dropdown list that opens a pop-up to select a background color for the Tool Bar.

  6. Icon Color:

    • Dropdown list that opens a pop-up to select a color for the icons in the Tool Bar.

Image 1: Tool Bar section in Format pane.

Bulk Copy Paste Section:

Search Bar Section:

  • Covered in detail in the Search section.

Show Title:

  • This can be enabled or disabled to display title above the Search Bar. It is disabled by default.

  • Font Size: Set the font size for title using this option.

  • Font Color: Set the font color for the title using this option.

Check out the blog to learn how to configure dynamic titles across the Inforiver suite of visuals.

Progress Bar Section:

The Progress Bar visually represents the progress of filter selections made in the visual, indicating how many filters have been selected out of the total available items.

Configuring Progress Bar in Format Pane:

  • Progress Bar option is available under Tool Bar options as a separate section.

  • Use the toggle to enable or disable the Progress Bar's visibility across the visual.

  • Progress Bar Color: Customize the Progress Bar color by selecting from a dropdown list. Clicking the dropdown opens a pop-up with a color picker.

Image 2: Progress Bar in Hierarchy Filter View.

This is applied to the whole visual selections made.

Progress Bar in Facet Filter:

  • The Progress Bar can also be enabled for each category in the Facet Filter view.

  • To activate it, navigate to the Facet Filter section in the Format Pane and enable the Progress Bar setting.

Image 3: Progress Bar in Facet filter for each category.

Helper Tooltips:

Tooltips for Icon in the visual:

The Helper Tooltip provides tooltips near each icon in the visual, helping users understand the purpose of each option.

Image 4: Helper tooltips in the visual

Clear:

When you hover over the Clear option in the toolbar of the visual, a preview of the currently applied filters is displayed. This helps users review the active filters before clearing them, ensuring better control and decision-making.

Image 4: Tooltip showing the filters applied when hovered over clear option in tool bar.

Last updated