Skip to content

Commit

Permalink
playground instructions
Browse files Browse the repository at this point in the history
  • Loading branch information
ShashiSubramanya committed Feb 6, 2025
1 parent 3e1b2f1 commit e70bd72
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion modules/ROOT/pages/customize-icons.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -194,13 +194,16 @@ The +++<a href="{{previewPrefix}}/playground/search" target="_blank">Visual Embe

To view the code for customization:

. In the Playground, select the embed type. For example, select *Search* and specify the data source.
. Select the *Apply custom styles* checkbox in the Playground. +
The `customizations` code for CSS modifications appears in the code panel.
. Replace the `customization` section with the following code and click *Run* to view the results:
. To override the chart icon on the Answer page with `icon-override1.svg`, replace the `customization` section with the following code and click *Run*.
+
[source,JavaScript]
----
customizations: {
iconSpriteUrl: "https://cdn.jsdelivr.net/gh/thoughtspot/custom-css-demo/icon-override1.svg"
}
----
. To view the result, execute search tokens to create an Answer.
. Check the chart icon on the Answer page.

0 comments on commit e70bd72

Please sign in to comment.