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

  • Titan lets you specify the fontborder, and color of filter rows.
  • Titan offers style options that enable you to specify what kind of padding design to display. Add a custom border to the filter rows.

How to Video

Video Coming Soon!

How to Guide

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

Note:

Prerequisite:

Under Interactivity, allow filtering and global filter.

This image has an empty alt attribute; its file name is image-536.png

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

  1. Navigate to Titan Web Application.
  2. Click the expand (+) button next to the settings icon. A list of elements will show.
  3. Select the Table option from the list.
  4. Drag and drop the Power Table element to the canvas.
  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
Power Table styling screen
Power Table styling screen

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

Example of styling
Example of styling

Hidden Title

Need more help?