Step 4: Text strings and icon replacement

The customizations object allows replacing replace specific text strings and icons.

Replace text strings🔗

Let’s add the content property above the style property in the customizations code and then add the strings property block within this code. Now we can declare the exact text elements to replace within ThoughtSpot:

// ...
customizations: {
    content: {
        strings: {
            "Liveboard": "Dashboard",
            "SpotIQ": "Insights",
            "Spotter": "AI Agent"
        }
    },
    style: {
        ...
    },
},

Replace icon sprites🔗

Icon sprite replacement requires creating a file of SVG icon definitions, the format for which is available in the icon sprite customization documentation. After you have the SVG file saved and accessible to ThoughtSpot, add the iconSpriteUrl property in the customizations block:

// ...
customizations: {
    iconSpriteUrl: "https://cdn.jsdelivr.net/gh/thoughtspot/custom-css-demo/icon-override1.svg",
    content: {
        strings: {
            "Liveboard": "Dashboard",
            "SpotIQ": "Insights",
            "Spotter": "AI Agent"
        }
    },
    style: {
        ...
    },
},

← Previous Next →