How to add generete PDF option to an Embedded URL in a website


I see the option when I am on Quicksight but not when it is embedded into a website.

Hello @Farzana_Mohammed , thanks for posting into the community.

This question is answered here.

Basically there is a setting under the toolbar options which allows you to enable this.

contentOptions .parameters.toolbarOptions.export = True

const contentOptions = {
                    parameters: [
                        ...your parameters here

                    ],
                    locale: "en-US",
                    sheetOptions: {
                        initialSheetId: '<YOUR_SHEETID>',
                        singleSheet: false,                        
                        emitSizeChangedEventOnSheetChange: false,
                    },
                    toolbarOptions: {
                        export: false,
                        undoRedo: false,
                        reset: false
                    },
                    attributionOptions: {
                        overlayContent: false,
                    },                    
                };
                const embeddedDashboardExperience = await embeddingContext.embedDashboard(frameOptions, contentOptions);

Hope it helps, please mark this solution as solved if that’s the case also to help other members of the community., otherwise let us know.

const embedDashboard = async() => { const { createEmbeddingContext, } = QuickSightEmbedding; const onLoad = async () => { const embeddingContext = await QuickSightEmbedding.createEmbeddingContext(); //... };
            const embeddingContext = await createEmbeddingContext({
                onChange: (changeEvent, metadata) => {
                    console.log('Context received a change', changeEvent, metadata);
                },
            });

            const frameOptions = {
                url: "{{quickSightEmbedUrl}}" ,
                container: '#experience-container',
                height: "700px",
                width: "300px",
                resizeHeightOnSizeChangedEvent: true,
                onChange: (changeEvent, metadata) => {
                    switch (changeEvent.eventName) {
                        case 'FRAME_MOUNTED': {
                            console.log("Do something when the experience frame is mounted.");
                            break;
                        }
                        case 'FRAME_LOADED': {
                            console.log("Do something when the experience frame is loaded.");
                            break;
                        }
                    }
                },
            };

            const contentOptions = {
              locale: "en-US",
              sheetOptions: {
                  initialSheetId: 'sheet_id',
                  singleSheet: false,
                  emitSizeChangedEventOnSheetChange: false,
              },
              toolbarOptions: {
                  export: true,
                  undoRedo: true,
                  reset: true
              },
              attributionOptions: {
                  overlayContent: true,
              },
              
          };
          const embeddedDashboardExperience = await embeddingContext.embedDashboard(frameOptions, contentOptions);
          };

Even after changing to true none of export ,undo redo works