topic Re: Use same CSS as native QV objects? in QlikView

Use same CSS as native QV objects?

Mon, 26 Jan 2026 16:26:21 GMT

Is there anyway to make my extension object be based off the same CSS as the native QlikView objects?

That is, in my extension object I have a SELECT that looks like so:

And I want it to have the same look and feel as a native QlikView version of a listbox

Re: Use same CSS as native QV objects?

Fri, 29 Aug 2014 12:18:19 GMT

By default, QlikView apps use this link for their css:

If your extension object is revised to use the same css classes as the rest of the QlikView app, the visual style should be the same.

For example, on a list box:

element.style {

border-left: 0 solid #dcdcdc;

border-right: 1px solid #dcdcdc;

height: 15px;

left: 0;

position: absolute;

top: 0;

width: 306px;

z-index: 1;

}

.QvGrid div, .QvListbox div {

-moz-user-select: none;

text-decoration: inherit;

text-overflow: ellipsis;

word-wrap: break-word;

}

element.style {

cursor: pointer;

font-style: normal;

font-weight: normal;

text-align: left;

}

.QvGrid div, .QvListbox div {

word-wrap: break-word;

}

.QvOptional {

color: #363636;

}

.QvGrid div, .QvListbox div {

word-wrap: break-word;

}

element.style {

cursor: default;

font-family: Arial;

font-size: 9pt;

font-style: normal;

font-weight: normal;

visibility: visible;

}

element.style {

cursor: auto;

}

Re: Use same CSS as native QV objects?

Wed, 03 Sep 2014 19:22:21 GMT

Looks like default.css is the one used. However after investigating I found that QVs listboxs are actually a series of DIVs and complex CSS.

The end answer was to use firebug to figure out the exact colors/fonts I wanted to mimic and copy from there.