# 11. Tool Bar

{% hint style="success" %}
**Supported in: ✔️**Date Filter **✔️**Facet Filter **✔️**Hierarchy Filter **✔️**Alpha Numeric Filter

**✔️**Numeric Filter
{% endhint %}

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. **Info Logo**:
   * 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. **Expand 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. **Apply Filter:** 
   * Let's users apply filters only after clicking the "Apply Filter" button.
   * Helps reduce rendering and loading time, especially with large datasets.
   * Improves performance by preventing real-time filter refresh.
6. **Background Color**:
   * Dropdown list that opens a pop-up to select a background color for the Tool Bar.
7. **Icon Color**:
   * Dropdown list that opens a pop-up to select a color for the icons in the Tool Bar.

<figure><img src="/files/M7yLnEzluJ54n6crB81n" alt=""><figcaption><p>Image 1: Tool Bar section in Format pane.</p></figcaption></figure>

## **Bulk Copy Paste Section:**

* Covered in detail in the [Mass Filter](/super-filter/features/3.-mass-filter.md) section.

## **Search Bar Section:**

* Covered in detail in the [Search](/super-filter/features/2.-search.md) 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.

{% hint style="info" %}
Check out the [blog](https://inforiver.com/blog/inforiver-super-filter/dynamic-titles-and-filter-context-in-power-bi/) to learn how to configure dynamic titles across the Inforiver suite of visuals.
{% endhint %}

## **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:**

{% stepper %}
{% step %}
**Progress Bar** option is available under **Tool Bar** options as a separate section.
{% endstep %}

{% step %}
Use the toggle to enable or disable the Progress Bar's visibility across the visual.
{% endstep %}

{% step %}
Customize the Progress Bar color by selecting from a dropdown list. Clicking the dropdown opens a pop-up with a color picker.
{% endstep %}
{% endstepper %}

<figure><img src="/files/mAzAOhJZlV6oKGeT0qQv" alt=""><figcaption><p>Image 2: Progress Bar in Hierarchy Filter View.</p></figcaption></figure>

{% hint style="info" %}
This is applied to the whole visual selections made.
{% endhint %}

### **Progress Bar in Facet Filter**:

* The Progress Bar can also be enabled for each category in the **Facet Filter** view.&#x20;
* To activate it, navigate to the **Facet Filter** section in the Format Pane and enable the **Progress Bar** setting.

<figure><img src="/files/LsGLFT2rWo20KX69zrLc" alt=""><figcaption><p>Image 3: Progress Bar in Facet filter for each category.</p></figcaption></figure>

## 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.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPIvQSuyE40UC9wv5uGgW%2Fuploads%2FM9awbGOnZFk24ueKbaIP%2FScreen%20Recording%202025-01-21%20100152.mp4?alt=media&token=ba4e1a9a-37f7-41f2-8862-47f3dbea7e0f>" %}
Image 4: Helper tooltips in the visual
{% endembed %}

### 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.

<figure><img src="/files/AwYkEdsSEejGGCYB3uEk" alt=""><figcaption><p>Image 4: Tooltip showing the filters applied when hovered over clear option in tool bar.</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.inforiver.com/super-filter/features/11.-tool-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.