Hello experts, I have few dashboards developed in Quicksight and embedded in web portal using react and few dashboards developed using react itself. Now the ask is, there is difference in font and style between these 2 approaches and hence looking for possibilities to align the quicksight dashboards font with react based dashboards. Is it possible to achieve this through CSS or in any other way? Thanks.
Hello @krishna.c, you wouldn’t be able to use CSS to manipulate the styling of the dashboard from the front-end since it is an iframe with an embedded visual. You would have 2 options. The easiest would be to go into the dashboard from the QuickSight console and update the theme. There you could change colors, fonts, and certain styling to match the react dashboards you created.
Alternatively, you can use the QuickSight API to build a theme with CreateTheme, then you can attach that new theme to the dashboard by using the UpdateDashboard API call.
I’d recommend trying to do it through the QuickSight console if possible, but both of these options work. I will mark this as the solution for now, but if you have any follow-up questions, please let me know!