Styling on Filter Rows

Business Background

Styling the filter rows to match your business needs is seamless with Titan Web elements. Generate a modern design that’s quick and easy to update with no code.

Titan Solution

You can specify the font, border, and color of filter rows.

Titan offers style options that enable you to specify the padding design to display. You can also add a custom border to the filter rows.

How to Guide

We added styling to the global and column filters on power tables.

Add styling to the Filter Row and the Global Filter Row:

1. Click the + icon to open the list of elements.
2. Select the Table option from the list.
3. Click-and-drag the Power Table element to the canvas.
4. Configure the power table.
5. Click the Power Table settings Styling icon. The Power Table styling screen opens.
6. Configure styling for the following attributes of the Filter Row and the Global Filter Row:
   • Fill
   • Size
   • Padding
   • Border
   • Shadow
   • User CSS

Example of styling for the Filter Row and the Global Filter Row: