Cloudera Docs

Searching site-wide custom styles

CDP Data Visualization enables you to search site-wide custom styles by Name, Description, Author, and Modified By fields. You can also search by the content of CSS and Javascript code.

When you start typing characters in the search text box, the search results display the exact match on the top, followed by the closest matches. You must type at least two characters to start the search.

To demonstrate how to search site-wide custom styles, follow these steps:

  1. In the Manage Custom Styles interface, create new custom styles or use the existing styles. Notice the search text box on the top right.
    Figure 1. Manage Custom Styles: List of Custom Styles
  2. To demonstrate how to search the list of custom styles, enter Pie in the Search text box. In the following image, notice that the Pie Chart Legend Label custom style is filtered from the list.
    Figure 2. Displaying the Custom Style after the Search Filter
  3. To search the list of custom styles by javascript code, follow these steps:
    1. Click the Pencil icon next to the Pie Chart Legend Label to view the javascript code of this style. In our example, we will search by Not Applicable from the javascript code.
      Figure 3. Display Javasript Code of the "Pie Chart Legend Label" Custom Style
    2. Enter Not Applicable in the Search text box. In the following image, notice that the Pie Chart Legend Label custom style is filtered out of the list of custom styles.
      Figure 4. Searching Custom Styles by Javascript Code