Qliksense Background image

[tellmalaika17]

Hi,

I want to add a background image to my qliksense dashboard. Tried to google to get some information on this but I am still not clear on how this can be achieved.

Can someone please advise me on get an image in the background?

Thanks for your help.

Regards,

Malaika

[Amy-M-Collins]

I achieved this by changing the Styles (CSS).  I enable the custom sheet size option and added the below code to one of my objects in the Styles section.

element.style {
height: 839px;
width: 1266px;
top: 5px;
bottom: 5px;
}
.qv-panel-sheet.qv-custom-size #grid {
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
background:url(https://localhostexample/appcontent/image-id/Test.png);
background-repeat: no-repeat;
background-size: cover;
}

[jpjust]

Hi Amy, Can you please provide me an screen shot of that background image looks on a dashboard?

Thanks

[Amy-M-Collins]

Hi Jpjust, Please see below. I forgot to mention that I am using 'SimpleKPI' extension, that is how I get the Styles section, as seen below in the KPI #1 chart. 

In edit mode:

In View mode:

In the Styles Section of 'KPI 1' I have put:
.qv-panel-sheet.qv-custom-size #grid {
background:url(https://my-host-link/content/Default/Qlik_default_leaf.png);
background-size: cover;
}

I can create a blog post if this something you are interested in?

[jpjust]

Thanks Amy.

I think you probably downloaded the SimpleKPI extension from qlik branch?

So when you apply styles for kpi it just paints the background for the whole sheet?

[Amy-M-Collins]

Yeah, this is the one -> Simple KPI - Qlik Developer