topic Re: Sense Themes in App Development

Sense Themes

bc1 — Tue, 24 Oct 2023 12:43:41 GMT

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

Re: Sense Themes

ajaykakkar93 — Wed, 01 Nov 2023 09:56:28 GMT

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;

}

Re: Sense Themes

bc1 — Tue, 07 Nov 2023 09:44:42 GMT

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?

Re: Sense Themes

Anil_Babu_Samineni — Tue, 07 Nov 2023 09:57:31 GMT

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.

Re: Sense Themes

ajaykakkar93 — Wed, 08 Nov 2023 03:47:21 GMT

Of, are you using a theme ??

or sheet background color??

Re: Sense Themes

bc1 — Wed, 08 Nov 2023 07:05:03 GMT

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;

}

Re: Sense Themes

ajaykakkar93 — Wed, 08 Nov 2023 09:03:27 GMT

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; }