https://linen.dev logo
Join Discord
Powered by
Romeu - hi!i've tried the livechat to ask abou...
# dev-help
r
hi! i've tried the livechat to ask about some embedding issues with icon customization and it suggested this discord server i've followed the documentation in this link: https://developers.thoughtspot.com/docs/customize-icons added the hosts to allow external source but the spotter icon still not replaced
We were able o make the CSS file and text replacement work, but icons doesn't seem to work.
I arrived at this SVG sprite code, similar to the documentation
Copy code
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:0;height:0;visibility:hidden;">
  <defs>
    <symbol id="rd-icon-spotter" viewBox="0 0 1026 1026">
      <!-- paths go here -->
    </symbol>
  </defs>
</svg>
it's hosted at 
[DOMAIN]/liveboard/icons-override.svg
the embedded starter is lique this:
Copy code
const baseUrl = `https://${window.location.hostname}/liveboard`;

      // Embed the Liveboard
      const liveboardEmbed = new LiveboardEmbed(document.getElementById(htmlIdRef.current), {
        liveboardId: boardId,
        frameParams: {
          width: "100%",
          height: "100%",
        },
        customizations: {
          iconSpriteUrl: `${baseUrl}/icons-override.svg`,
          style: {
            customCSSUrl: `${baseUrl}/custom-styles.css`,
          },
          content: {
            strings: {
              Liveboard: "Dashboard",
              Liveboards: "Dashboards",
              Spotter: "AI Assistant",
            },
          },
        },
        isLiveboardStylingAndGroupingEnabled: true,
      });
a
Hey @Romeu do you see any errors in console? Can you please provide console logs and HAR to debug it further
r
Hi @Aditya thanks for the reply! It looks like it's something with our front-end server preventing the iframe to reach the SVG image. We did a test hosting the image in the https://cdn.jsdelivr.net and it worked. Now we're trying to see if it's some NextJS build config or something similar. But if you have some other suggestion regarding this, let me know. 🤙
PreviousNext
Powered by