Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

vehid_kodecta
New Contributor II

Add image in properties panel

Can someone please explain or direct me how is this possible to do,I'm trying to do add company logo on the end of the properties,and i just don't know how to access it thru javascript,so i can add few div with some values,like in the image below. I've found an example on the internet but cant access the script to see how it's done.Found the example from Vizlib which is paid.Thank you in advance.

sidebarMenu2.png

1 Solution

Accepted Solutions
vehid_kodecta
New Contributor II

Re: Add image in properties panel

After few days of trying and searching i found the solution to my problem,so I will share it with you in case someone needs it.First I've created section called myCustomSection and created three items inside,first is regular text type in which i will store my company logo,second one is also text in which i will display my version,and the third is the link that redirect to the wanted page.The way i did company logo is that I've created item with logoImage name ,and that component when it gets created QLIK will add the property name tid (tid="logoImage ") with the name you have given it inside items section.And with that in CSS I will add background image with wanted image,example is in image 2 bellow with CSS. Version and link is created with QLIK component property,that creates text and link.And further explanation could be found on QLIK official documentation

https://help.qlik.com/en-US/sense-developer/3.1/Subsystems/Extensions/Content/Howtos/working-with-cu...

If you have any further question.just contact me and we will try to solve them.

imagePropertie JS.PNGimagePropertie CSS.PNGimagePropertie 1.PNG

1 Reply
vehid_kodecta
New Contributor II

Re: Add image in properties panel

After few days of trying and searching i found the solution to my problem,so I will share it with you in case someone needs it.First I've created section called myCustomSection and created three items inside,first is regular text type in which i will store my company logo,second one is also text in which i will display my version,and the third is the link that redirect to the wanted page.The way i did company logo is that I've created item with logoImage name ,and that component when it gets created QLIK will add the property name tid (tid="logoImage ") with the name you have given it inside items section.And with that in CSS I will add background image with wanted image,example is in image 2 bellow with CSS. Version and link is created with QLIK component property,that creates text and link.And further explanation could be found on QLIK official documentation

https://help.qlik.com/en-US/sense-developer/3.1/Subsystems/Extensions/Content/Howtos/working-with-cu...

If you have any further question.just contact me and we will try to solve them.

imagePropertie JS.PNGimagePropertie CSS.PNGimagePropertie 1.PNG