# vi.Formatting Options

## Preset Bar formatting options:

Navigate to Format pane and under Preset Section both General and Selected section are available to be configured to customize the color. Color options available to be customized are explained below:

### **General Section:** 

Applies to the Preset Bar and unselected presets displayed in the visual.

#### **1. Rotate Preset**

* Allows users to switch the **Preset Bar View** between **Horizontal** and **Vertical** layouts.
* Enable **Rotate Preset** to view the Preset bar in vertical layout.
* To use the **horizontal layout**, disable **Display Settings** and **Toolbar**, customizing it to resemble horizontal page navigation.
* When **Rotate Preset** is enabled the **Preset Bar** automatically switches to a **Vertical layout** and Toolbar is disabled. Configured presets are displayed as Vertical Page Navigation to easily access filter.

<figure><img src="/files/stUijyKmWbWhiDqfnXhU" alt="" width="323"><figcaption><p>Image 1: Rotate preset when enabled</p></figcaption></figure>

#### **2. Search Bar in Preset**

* Enable this to view search bar and its functionality to be available in preset bar.
* It is enabled by default when **Rotate Preset** is turned on.

<figure><img src="/files/5RVwj6zpwXxYwpYOWnG7" alt="" width="302"><figcaption><p>Image 2: Search Bar enabled in preset.</p></figcaption></figure>

#### **3. Button Color**

Select the button color using a dropdown list with a color picker.

#### **4. Button Border Color**

Choose a border color for the buttons.

#### **5. Font Color**

Customize the text color on the buttons.

#### **6. Preset Background Color**

Configure the background color of the preset buttons.

#### **7. Preset Font Size**

Configure the font size of preset using this option.

#### **8. Read Mode**

When enabled, it displays the **Add Preset Icon** in **Read Mode**, allowing users to configure preset Filters.

<figure><img src="/files/VWBASe3TzyDiRzWBq6Go" alt="" width="563"><figcaption><p>Image 3: Preset are added, and filter are accessed like page navigation.</p></figcaption></figure>

### **Selected State:**&#x20;

The below formatting option applies to presets that are selected in the Preset Bar.

#### **1. Selected Button Color**

Define the color for selected buttons.

#### **2. Selected Font Color**&#x20;

Adjust the text color for selected buttons.

<figure><img src="/files/pux5MnpADfkB9AF7Mh13" alt="" width="181"><figcaption><p>Image 4: Color formatting options</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/5.-presets/vi.formatting-options.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.