Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

nikhilgarg
Contributor III

Adding image in Straight Table in QlikSense

Hello All,

I want to show image of people in the straight table. Pls find attached snapshot(Image1). Dont know how to include that in Qliksense.

I also tried "simple table extension", but it does not have option for changing background color and appearance is weird. Pls find attached snapshot(Image2). Can anyone help me in this?

Thanks,

Nikhil Garg

7 Replies
calexandru
New Contributor III

Re: Adding image in Straight Table in QlikSense

An alternative would be to try out the QS table extension on Qlik Branch.

If you want to change the default styling of tables in Qlik Sense you might also have a look at the Mediabox extension, it's a wonderful tool that allows you to basically edit each and every visualization and element on the default interface.

Here's a rough snippet with code you can use to change the appearance of table elements.

='<style>'

& '

table tr td {

color: #2E282A !important;

}

table th {

font-weight: bold;

    color: white !important;

}

.qv-st-data-cell {

background-color: rgba(255,255,255,0.7);

}

.qv-st .qv-st-value {

background-color: transparent !important;

}

.w-icon {

width: 35px;

    height: 35px;

    display: block;

    margin: auto;

    margin-top: -5%;

    margin-bottom: -5%;

}

.wb-icon {

width: 200px;

    height: 200px;

    display: block;

    margin: auto;

}

'

//table stlying

&'.qv-st-header {

background-color: #00A3A0;

    color: white;

    border-bottom: none !important;

    border-top: none !important;

}

table {

border-collapse: initial;

}

.qv-st-header-cell {

border-bottom: none !important;

}

.qv-st-header-cell-search {

visibility: hidden;

}

.qv-st-data-cell {

border-right: none;

}

'

&'</style>'


Cheers,

Alex

nikhilgarg
Contributor III

Re: Adding image in Straight Table in QlikSense

Hey,

I have used QS Table extension but it does not suits my need. And media box extension is particulary used for adding image or any other media but not in the straight table.

shraddha_g
Honored Contributor III

Re: Adding image in Straight Table in QlikSense

There is no other extension apart from Qlik Branch, Qlik Branch and http://branch.qlik.com/#!/project/58c6f48f2655dcb3ae7992c1 for images in table

calexandru
New Contributor III

Re: Adding image in Straight Table in QlikSense

Hi Nikhil,

What I meant was that you can continue using Simple Table to add images to the tables and then use Media Box to change the background color, text color, etc.

Regards,
Alex

nikhilgarg
Contributor III

Re: Adding image in Straight Table in QlikSense

Hey,

I tries QS Table extension but couldn't find any option to show image as column. Can you help me in this?

shraddha_g
Honored Contributor III

Re: Adding image in Straight Table in QlikSense

PFA Description given at GitHub while using images also an Example app.

This might help.

nikhilgarg
Contributor III

Re: Adding image in Straight Table in QlikSense

Hey,

Thanks but the image are of LED that are inbuilt. What if i want to include people images from a location, how can i implement that?