Skip to main content
Announcements
See what Drew Clarke has to say about the Qlik Talend Cloud launch! READ THE BLOG
cancel
Showing results for 
Search instead for 
Did you mean: 
vlntn
Contributor III
Contributor III

How to insert LUI Icon "arrow-down" with CSS in QlikSense

Hi all,

I'm trying to insert LUI (Leonardi UI) library icons with CSS into our Qlik Sense app.

It works perfectly fine with icons with one "word" such as  "play":

.source-sans-pro .qv-collapsed-listbox .title-wrapper::after {
    font-family: "LUI icons" !important;
    content: "play";
    padding-right: 10px;
}
 
filter_w_icon.png
 
 
However, when trying to add icons with two "words" such as "arrow-down", it looks like this:
 
.source-sans-pro .qv-collapsed-listbox .title-wrapper::after {
    font-family: "LUI icons" !important;
    content: "arrow-down";
    padding-right: 10px;
}
 filter_wo_icon.png
 
 Anyone an idea how to fix this?
1 Solution

Accepted Solutions
BenjaminT
Partner - Creator
Partner - Creator

Hi,

Try using "arrow_down" instead of "arrow-down". I don't know why, but this is working for me.

Thanks

Ben

View solution in original post

1 Reply
BenjaminT
Partner - Creator
Partner - Creator

Hi,

Try using "arrow_down" instead of "arrow-down". I don't know why, but this is working for me.

Thanks

Ben