Portals for Tableau 101: Hosting Images for Themes

Data

Portals for Tableau 101: Hosting Images for Themes

Portals for Tableau 101 shares the basics of interacting with InterWorks' embedded analytics solution, Portals for Tableau.

As you probably know by now, Portals for Tableau can have a completely custom theme. Each portal can look completely different from every other portal. On top of that, a single portal can look completely different depending on which groups the logged-in user is a member of by using the group override functionality.

Editing the Cascading Style Sheet (CSS) of the portal is as easy as can be. However, it may not be immediately obvious how to add images to your CSS to be used as background images, etc. Don’t worry. That’s an easy thing to do in Portals once you know how, and I’m here to provide you with that info.

Adding Images to Your CSS

The first step is to upload the file to the portal. Navigate to Backend > Content > Files. Now, click on the New File button. Enter the details of the image and then upload it to the File field. Lastly, click on the Create button at the bottom to save everything:

uploading image field to Portal

When you create the file record, you’ll be provided with a link to the image at the bottom of the page. Highlight the part of the link that starts with /file and copy it to your clipboard (right-click and Copy, or  use the shortcut Ctrl-C). This will be the part you use in CSS:

link for copying image in Portals for Tableau

Now that the image is being hosted by the portal, you can navigate to Backend > Settings > Portal Settings > Styles tab and use it in the Custom Stylesheet field as needed. For example, if you want to set the background image of the portal, you can add the following CSS:

body

{

                background: url(“/file/background-image”);

}

 

custom stylesheet in Portals for Tableau

custom CSS style background image in Portals for Tableau

Now that you know how to host images in the portal and use them in CSS, there are endless possibilities of what you can design within your portal. Be adventurous. If you come up with something you’re proud of, be sure to send us a screenshot. We’ll gladly post it to our refrigerator like a proud parent.

More About the Author

Matthew Orr

Solutions Architect
Portals for Tableau 101: Debug Mode One of the biggest selling points for Portals for Tableau is how feature-rich and flexible it is. Portals for Tableau supports numerous ...
Portals for Tableau 101: Filter Blacklists and Averaging The advanced filtering capabilities are some of the most popular features of the portal product. These are made possible by Tableau ...

See more from this author →

Subscribe to our newsletter

  • I understand that InterWorks will use the data provided for the purpose of communication and the administration my request. InterWorks will never disclose or sell any personal data except where required to do so by law. Finally, I understand that future communications related topics and events may be sent from InterWorks, but I can opt-out at any time.
  • This field is for validation purposes and should be left unchanged.

InterWorks uses cookies to allow us to better understand how the site is used. By continuing to use this site, you consent to this policy. Review Policy OK

×

Interworks GmbH
Ratinger Straße 9
40213 Düsseldorf
Germany
Geschäftsführer: Mel Stephenson

Kontaktaufnahme: markus@interworks.eu
Telefon: +49 (0)211 5408 5301

Amtsgericht Düsseldorf HRB 79752
UstldNr: DE 313 353 072