Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 
rlawton1
Contributor III
Contributor III

Set title image in css

I am trying to set a title image using css within my custom theme.

I know i can set a title image for an app manually but i want to do it within a theme using css. I have managed to set the background colour blend and the font colour but i cant work out how to set the image.

I have tried the following with no luck.

.sheet-title-logo-img {
background-image: url("https://www.qlik.com/us/-/media/images/qlik/global/qlik-logo-2x.png?h=94&w=308&la=en&hash=12D34BE69F...");
}

.sheet-title-logo-img.ng-scope {
background-image: url("https://www.qlik.com/us/-/media/images/qlik/global/qlik-logo-2x.png?h=94&w=308&la=en&hash=12D34BE69F...");
}

.sheet-title-logo-img.ng-scope {
background-image: url("https://www.qlik.com/us/-/media/images/qlik/global/qlik-logo-2x.png?h=94&w=308&la=en&hash=12D34BE69F...") !important; 
}

 

Has anybody managed to achieve this and can point me in the right direction?

Thanks

Labels (3)
1 Reply
NickTienarend
Contributor
Contributor

If you still have the problem or someelse else is looking for a solution (even though it's not perfect) - try this.

#sheet-title {
background: url("/appcontent/<app_id>/<image_name>.png");
background-position: right;
background-repeat: no-repeat;
background-size: contain;
;}

It would be possible to use a url for the image or use app content.
To find the app_id: 

  1. Open the hub in a browser window.
  2. Open the app for which you want to retrieve the app ID.
  3. When the Qlik Sense app has opened, the app ID is visible in the URL.

To find the image name just look it up, when you add an background image to "Text & image" (watch put Spaces " " are translated to %20 -> My Picture would be My%20Picture).