Title Bar

The Title Bar in Power Filter can be customized to match your preferences and needs. Here's a breakdown of the settings available:

General Settings

• Enable/Disable Title Bar: You can choose whether to show or hide the title bar.

• Auto Title: The title bar can automatically display the header of the field you add. If you prefer a different title, you can turn off this option and enter your own.

• Text Color: Choose the color of the text in the title bar to match your design.

• Background Color: Set a background color for the title bar to make it look better and easier to read.

• Text Size: Adjust how big or small the text in the title bar appears.

• Font Family: Pick a font style for the title text that suits your taste or matches your design.

• Bold, Italic, Underline: You can make the title text bold, italic, or underlined.

• Text Alignment: Align the title text to the left, right, or center.

• Adjustable Height: You can change the title bar's height to fit your design or space needs.

Border Settings

• Enable/Disable Border: You can add or remove a border around the title bar.

• Border Customization: Adjust the border's size, color, and placement to make the title bar look the way you want.

These settings allow you to tailor the title bar to both look good and work well.

Icon Settings

You can also customize the icons that appear in the title bar:

Search Icon

• Enable/Disable: Show or hide the Search icon.

• Color: Set the color of the Search icon.

• Mouse Hover Color: Choose a color that appears when you hover over the icon.

• Size: Adjust the size of the Search icon.

Search Expand Icon

• Enable/Disable: Turn the Search Expand icon on or off.

• Color: Set the color of the Search Expand icon.

• Mouse Hover Color: Choose a color that appears when you hover over it.

• Size: Adjust the size of the Search Expand icon.

Clear Icon

• Enable/Disable: Turn the Clear icon on or off.

• Color: Choose the color of the Clear icon.

• Mouse Hover Color: Set the color for when you hover over the Clear icon.

• Size: Adjust the size of the Clear icon.

3 Dot Icon

• Enable/Disable: Turn the 3 Dot icon on or off.

• Color: Customize the color of the 3 Dot icon.

• Mouse Hover Color: Pick a color that shows when you hover over it.

• Size: Adjust the size of the 3 Dot icon.

Sort Icon

• Enable/Disable: Turn the Sort icon on or off.

• Color: Set the color of the Sort icon.

• Mouse Hover Color: Choose a hover color for the Sort icon.

• Size: Adjust the size of the Sort icon.

Expand and Collapse All Icon

• Activation: This icon becomes active when there’s a hierarchy in the filter.

• Enable/Disable: Turn the Expand and collapse all icon on or off.

• Color: Set the color of the Expand and Collapse All icon.

• Mouse Hover Color: Choose a hover color for this icon.

• Size: Adjust the size of the Expand and Collapse All icons.

These settings let you make the icons in the title bar match your design and work the way you want.

Example -