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
545 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.

Unlock the Power of Data Visualization with Our Tableau Course.

answered Mar 14, 2022 by Neha
• 9,060 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 604 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,240 points
11,184 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
891 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,240 points
1,900 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,620 views
0 votes
4 answers

ReactJS vs Angular Comparison: Which is better?

Parameters React Angular Type React is a JavaScript library, and it ...READ MORE

answered Jan 7, 2021 in Events & Trending Topics by Focusteck
• 140 points
1,166 views
+2 votes
4 answers
0 votes
1 answer

How to upload data to Tableau Server in Python

Then install the tableau-api-lib utility for Python ...READ MORE

answered Mar 4, 2022 in Tableau by Neha
• 9,060 points
1,783 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
• 9,060 points
237 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