Use same CSS as native QV objects?

[#1]

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

[#2 · Accepted solution]

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

<link href="https://community.qlik.com/QvAjaxZfc/htc/default.css" type="text/css" rel="stylesheet">

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;

}

[#3]

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.