tableau-react problem to show up full screen mode icon in tableau server or tableau public

0 votes

I can't get the full-screen icon from tableau server or tableau public to appear.

In fact, I utilised React for my front-end and the tableau-react plugin to incorporate tableau URLs from the server or public.

Here's a look at my code.

const options = {
                hideTabs: true,
                width: '100%',
                height: 1000,
                allowFullScreen: true
            };

const urlTableau  = 'http://public.tableau.com/views/CottonwoodPassAreaMap/WayPointsbetweenCottonwoodpassandCrabtreeMeadows?:embed=y&:display_count=yes';
this.setState({
    iframeTableau: <TableauReport
                    url={urlTableau}
                    options={options}
                   />
            });

Is there something wrong with my code?

Thank you very much.

Mar 11, 2022 in Tableau by Vaani
• 7,020 points
285 views

1 answer to this question.

0 votes

The tableau-react documentation says that the supported props for options are:

const options = {
  height: 100,
  width: 100,
  hideTabs: true,
  // All other vizCreate options are supported here, too
  // They are listed here: https://help.tableau.com/current/api/js_api/en-us/JavaScriptAPI/js_api_ref.htm#vizcreateoptions_record
};

I can't find the allowFullScreen option on the VizCreateOptions Record, so I'm guessing you'd have to construct a distinct iframe that includes the TableauReport component, then make the iframe fullscreen.

answered Mar 14, 2022 by Neha
• 8,940 points

Related Questions In Tableau

+1 vote
1 answer

Is it possible to access or install tableau desktop insde tableau server?

Try to understand this, Tableau Server and ...READ MORE

answered Mar 30, 2018 in Tableau by xyz
• 1,560 points

edited Mar 30, 2018 by xyz 438 views
0 votes
1 answer

How to count occurrence of value and percentage of a subset in tableau public?

Although it sounds like a fairly easy ...READ MORE

answered Jun 5, 2018 in Tableau by Atul
• 10,230 points
10,723 views
0 votes
1 answer

Not able to publish workbook in Tableau Server after upgrading it from Tableau 9.1 to 9.2

Following is a little hack that will ...READ MORE

answered Jun 19, 2018 in Tableau by xyz
• 1,560 points
681 views
0 votes
1 answer

How to add filter to show latest two dates in tableau?

Steps for filtering based on the most ...READ MORE

answered Jun 21, 2018 in Tableau by Atul
• 10,230 points
1,226 views
0 votes
1 answer

How can I remove a port from url for node app using nginx

If you run your node server on ...READ MORE

answered Apr 10, 2018 in DevOps on Cloud by ajs3033
• 7,300 points
3,082 views
0 votes
3 answers

ReactJS vs Angular Comparison: Which is better?

One picture, many facts How can you compare ...READ MORE

answered Aug 11, 2018 in Events & Trending Topics by slayer
• 29,350 points
661 views
+2 votes
4 answers
0 votes
1 answer

How to upload data to Tableau Server in Python

https://www.tableautim.com/playlist-video/tableau-tds-and-tdsx-files/csv-to-tdsx Then install the tableau-api-lib utility for Python ...READ MORE

answered Mar 4, 2022 in Tableau by Neha
• 8,940 points
914 views
0 votes
1 answer

Unable to open or uninstall Tableau Public 2020

The same thing happened to me. The ...READ MORE

answered Mar 10, 2022 in Tableau by Neha
• 8,940 points
106 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP