Sense Themes

[bc1]

Hi All, 

Is it possible in a custom theme to specifically have some chart types/extensions with borders and other types without?

example: i would like a border around all the main bar/line charts...but for filter panes and variable dropdown extension (from the bundle) I do not want a border.

I have tried the following in CSS but it still gives me a border:

.qv-object-qlik-variable-input {

          border: none;

          padding: 0px;

  }

Thanks

[ajaykakkar93]

Yes you can do that, just add all the classes together

.qv-object-qlik-variable-input,
.qv-object-text-image,
.qv-object-filterpane {

          border: 0px solid !important;

          padding: 0px !important;

  }

[bc1]

Thanks Ajay, 

But when I implement that code I still get a border:

e.g.

.qv-object-qlik-variable-input {

    border: 0px solid !important;

    padding: 0px !important;

}

Any thoughts?

[Anil_Babu_Samineni]

I always prefer to check in inspect/developer tools such in CSS If only extensions (That also you should have source code of it). So, As soon as you find the ID or class in HTML, you need to find correspond to  CSS and playaround.

[ajaykakkar93]

Of, are you using a theme ?? 

or sheet background color??

[bc1]

Hi, I am using a custom theme and yes - there is a sheet background colour.

I did notice that in css qv-inner-object supercedes anything I do afterwards. 

e.g. What I do in qv-object-qlik-variable-input here does not flow through into the app - it just uses what is in inner-object.

.qvt-sheet {

    background: #C2A578 !important;

}

.qv-inner-object {

    border: 0.2px solid hsl(33, 29%, 41%);

    padding: 5px !important;

    /*background-color: transparent !important*/;

}

.qv-object-qlik-variable-input {

    background: #d51818 !important;

    background-color: transparent !important;

    border: 0 !important;

    padding: 0px !important;

}    

[ajaykakkar93]

Hi,

.qvt-sheet {
    background: #C2A578 !important;
}

.qv-inner-object {
    border: 0.2px solid hsl(33, 29%, 41%);
    padding: 5px !important;
    /*background-color: transparent !important*/
}
       
.qv-object-qlik-variable-input .qv-inner-object{
    border: 0px solid !important;
}