toolbarOptions ignored in embedded Quicksight dashboard

Question & Answer
,
1

I’m using embedded Quicksight dashboards with the SDK GitHub - awslabs/amazon-quicksight-embedding-sdk: A SDK to help users embed QuickSight dashboards on other pages.

Here’s the relevant code

<?php
...
        $res = $this->qsClient->generateEmbedUrlForRegisteredUser($req);
         $embedUrl = $res->get('EmbedUrl');
?>

    <script src="https://unpkg.com/amazon-quicksight-embedding-sdk@2.6.0/dist/quicksight-embedding-js-sdk.min.js"></script>
    <script type="text/javascript">
        const embedDashboard = async () => {
            const {
                createEmbeddingContext,
            } = QuickSightEmbedding;

            const embeddingContext = await createEmbeddingContext();

            const containerDiv = document.getElementById("embedding-container");

            const frameOptions = {
                // replace the value below with the one generated via embedding API
                url: "<?= $embedUrl ?>",
                container: containerDiv,
                height: "2000px",
                withIframePlaceholder: true
                //width: "1000px",
            };

            const contentOptions = {
                toolbarOptions: {
                  export: true, // PDF download
                  undoRedo: true,
                  reset: true,
                  bookmarks: true
                },
                sheetOptions: {
                    //initialSheetId: '<YOUR_SHEET_ID>',
                    singleSheet: false, // use this option to enable or disable sheet tab controls
                    emitSizeChangedEventOnSheetChange: false, // use this option in combination with resizeHeightOnSizeChangedEvent property,
                                                            // to allow iframe height to resize dynamically, based on sheet height, on changing sheets.
                },
                attributionOptions: {
                    overlayContent: false,
                },
            };

            try {
              const embeddedDashboard = await embeddingContext.embedDashboard(frameOptions, contentOptions);

But I’m finding that the “toolbarOptions” get ignored. I don’t get a PDF download link, but I do get the other options

toolbaroptions

Here are my advanced publish options

publishOptions
publishOptions513×605 30.8 KB

What am I doing wrong?

2

@ryendall can you publish a dashboard with the default options selected to confirm when export is set to true you are not able to see the export icon on the top right corner of the navbar. You shared the top left corner of the navbar, can you share screenshot of complete navbar after publishing a dashboard with default options.

3

@DeepakS See attached

The PDF download options appears ok for this dashboard within Quicksight, just not when I show it as embedded

toolbaroptionsRhs
toolbaroptionsRhs1505×140 9.01 KB

4

@ryendall I would recommend filing a case with AWS Support where we can dive into the details so that we can help you further. Here are the steps to open a support case. If your company has someone who manages your AWS account, you might not have direct access to AWS Support and will need to raise an internal ticket to your IT team or whomever manages your AWS account. They should be able to open an AWS Support case on your behalf. Hope this helps!