Redirect to Specific Tab in Embedded QuickSight Dashboard Without Login Prompt

Q&A
,
1

Hi everyone,

I’m integrating an AWS QuickSight dashboard into my React application. Please refer to the attached screenshot for context.

image
image828×758 45.7 KB

In my dashboard, there’s a table under ROI Analysis Summary with a column named Program (e.g., ASM, AWV, IHA, PCP).

Requirement:
When I click on a program name (e.g., AWV), it should redirect to the respective QuickSight tab — for example:

  • Clicking AWV → should open AWV Program tab

  • Clicking PCP → should open PCP Visits Program tab

To achieve this, I added the respective QuickSight dashboard/tab URLs in the dataset. When I click the link directly inside QuickSight, it works as expected and navigates to the right tab.

However, when I click the same link inside the embedded QuickSight dashboard (within my React app), it redirects me to the QuickSight login page and asks for authentication.

Goal:
I want the embedded QuickSight dashboard in my React app to navigate to the respective tab (AWV, PCP, etc.) without redirecting to the QuickSight login page — staying within the embedded environment.

Has anyone achieved something similar or knows a way to handle in-dashboard navigation for embedded QuickSight dashboards?

Thanks in advance!
Sonal

2

@sonalJain Try embeddedDashboardExperience.setSelectedSheetId(‘<YOUR_SHEET_ID>’); to navigate to another sheet more information available here GitHub - awslabs/amazon-quicksight-embedding-sdk: A SDK to help users embed QuickSight dashboards on other pages.

1 Like
3

Hi, @sonalJain. Did this solution work for you? I am marking this reply as, “Solution,” but let us know if this is not resolved. Thanks for posting your questions on the Quick Suite Community Q&A Forum!