I have followed the same process to embed the dashboard as in the documentation , but while loading the dashboard the Amazon Q bar which is added during the analysis of the dashboard is not visible. Kindly help

Question & Answer
,
1 
<head>
    <title>Basic Embed</title>
    <script src="https://unpkg.com/amazon-quicksight-embedding-sdk@1.0.15/dist/quicksight-embedding-js-sdk.min.js"></script>
    <script type="text/javascript">
        var dashboard
        function onDashboardLoad(payload) {
            console.log("Do something when the dashboard is fully loaded.");
        }

        function onError(payload) {
            console.log("Do something when the dashboard fails loading");
        }

        function embedDashboard() {
            var containerDiv = document.getElementById("embeddingContainer");
            var options = {
                // replace this dummy url with the one generated via embedding API
                url: "https://us-east-1.quicksight.aws.amazon.com/sn/dashboards/dashboardId?isauthcode=true&identityprovider=quicksight&code=authcode",
                container: containerDiv,
                parameters: {
                    country: "United States"
                },
                scrolling: "no",
                height: "700px",
                width: "1000px",
                locale: "en-US",
                footerPaddingEnabled: true
            };
            dashboard = QuickSightEmbedding.embedDashboard(options);
            dashboard.on("error", onError);
            dashboard.on("load", onDashboardLoad);
        }

        function onCountryChange(obj) {
            dashboard.setParameters({country: obj.value});
        }
    </script>
</head>

<body onload="embedDashboard()">
    <span>
        <label for="country">Country</label>
        <select id="country" name="country" onchange="onCountryChange(this)">
            <option value="United States">United States</option>
            <option value="Mexico">Mexico</option>
            <option value="Canada">Canada</option>
        </select>
    </span>
    <div id="embeddingContainer"></div>
</body>
2

Hello Khalida,

First of all Welcome to the QuickSight community.

FYI -
QuickSight supports embedding for these elements:

  • QuickSight console (full authoring experience for registered users )
  • QuickSight dashboards and visuals (for registered users, anonymous users, public end users)
  • QuickSight Q search bar (for registered users and anonymous users)

Please see below links for references

Hope this helps.

Cheers,
Deep

1 Like
3

Hi Deep,

Thank you for the Response.
Is it possible to embed both the dashboard and Q search bar in a single application as it was not working for me.

Regards,
Khalida

4

Hi Deep,

Embed the Amazon Q Generative Q&A experience in an application is working.
Could you please let us know if we can parameterize the QnA section also just like we pass the parameters to the dashboard and filter the data for security.

Regards,
Khalida

5

Hello Khalida,

Good to hear that its working now. Awesome !
As far as i know , you may not be able to Parameterize the way you could do for dashboard.

If you security is driving this question then please be informed, if RLS/CLS are applied to data set then Q also respect the RLS/CLS so you may be covered there.

you may also open a separate thread for this question

Hope this helps.

Cheers,
Deep

1 Like