Cloudera Docs

Searching custom styles in visuals

CDP Data Visualization enables you to search custom styles in visuals by Name 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 custom styles in visuals, follow these steps:

  1. On the right side of Visual Designer, click the Custom Style menu.
  2. Click the Add Style button.

    The Pick Custom CSS interface appears.

  3. To demonstrate how to search the list of custom styles, enter Pie in the Search text box.

    In the following image, you can see that the Pie Chart Legend Label custom style is filtered from the list.

  4. To search the list of custom styles by JavaScript code, follow these steps:
    1. Click the (pencil) icon next to the Pie Chart Legend Labelto view the JavaScript code of this style. In our example, we will search by Not Applicable from the JavaScript code.
    2. Enter Not Applicable in the Search text box.
      In the following image, you can see that the Pie Chart Legend Label custom style is filtered out of the list of custom styles.