Configuring Custom Style Using CSS Code

To configure a custom style on a dashboard by entering a custom CSS code, follow these steps:

  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.

    custom filter: custom style
  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 in View mode.

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