Customizing Styles for Application Filters

When applying custom styles, there are several approaches: setting site-wide custom styles, setting custom styles at the application level, setting styles for a visual, or setting styles for an application filter, described here.

Availability Note. Prerequisite: By default, the Custom Styling option is turned off. It can be turned on by a user with administrative privileges; see Enabling Custom Styling.

To create custom styles in an application filter,

  1. Open an existing or new application in Edit mode.
  2. Ensure that it has an application filter. Hover over a filter, until the controls appear on the top right.

  3. Click the (gear) icon.

    The Settings modal window appears.

  4. In the Settings modal window, click Custom Styling tab.
  5. Set the values:

    • Set CSS class for visual to list-larger-font.
    • Enter the following code below Enter inline CSS rules here to:

      .list-larger-font .picklist-list li {
        font-size:14px;
        padding:3px;
        border-bottom:dotted 1px #ddd;
      }

    Click Apply.

  6. Click Save to save the application.

Note the resulting style changes to the application filter.

Custom Style to increase font size, padding, and add a separator