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.

Please note that Portals for Tableau are now officially known as Curator by InterWorks. You can learn more at the official Curator website.

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

Curator Architect
Git Nested Branching with Squash Bird nests? Tree limbs? Summer squash? There sure are a lot of plant, animal and food terms in that title. What are we talking about ...
Get to Know pdb, the Python Debugger While my day-to-day is spent working within Curator’s PHP platform, my favorite programming language is Python. I used it daily in a ...

See more from this author →

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

×

Love our blog? You should see our emails. Sign up for our newsletter!