Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

Announcements
Qlik® Product Spotlight: Discover what’s possible. Get more from our products.
See for yourself. Register today.
Not applicable

var in css [Extension editor] doesn't work

Hi comm,

i need ur help!!

I tried the extension editor and wrote this code. I added a color and tried to use it at background color. The problem is that it doesnt work but the text in the file gets the var blue color like it should be!!! What did i wrong or is the extension editor using such a old version that classic var can't be used?

Thanks in advance!!!

--------------------------------------------------------------------------------------------------------------

:root{

--color:gold

}

.qv-object-dia div.qv-object-content-container {

    overflow:auto;

}

.qv-object-dia .image {

    float:left;

    height:48px;

    width:37.5px;

    position:relative;

    z-index: 5;

}

.qv-object-dia .label {

    float:left;

    height:48px;

    width:160px;

    line-height:32px;

    background:lightgray;

    overflow:ellipsis;

    clear:left;

    border: 1px solid black;

    position:relative;

    font-size: 15px;

    z-index: 4;

}

.qv-object-dia .bar {

    float:left;

    height:48px;

    clear:right;

    background-color: var(--color);      

    border: 1px solid black;

    border-radius: 0px 9px 9px 0px;

    position:relative;

    z-index: 3;

}