Skip to main content

App Development

Discussion board where members can learn more about Qlik Sense App Development and Usage.

cancel
Showing results for 
Search instead for 
Did you mean: 
s_achraphe
Contributor III
Contributor III

Changing the fonts - Multi KPI

Hello there,

 

Could someone explain me what do theu mean by "enter a label string"

I'm trying  to change the font style in a KPI

 

Capture.PNG

 

Thank you

 

S.Ach

9 Replies
Anil_Babu_Samineni

There is an option called "Font-family" which can change font of text and Other way also can be used using CSS.

Before develop something, think If placed (The Right information | To the right people | At the Right time | In the Right place | With the Right context)
s_achraphe
Contributor III
Contributor III
Author

Hello Anil_Babu_Samineni
I don't want to use the Style(CSS) property
My issue is taht I don't understand what kind of value I have to put there (see below)

Capture.PNG

Thank you for your help

 

S.Ach

s_achraphe
Contributor III
Contributor III
Author

Up !

 

Anyone to help ?

Cole201960
Contributor
Contributor

I am facing same issue in my system ..Hopefully someone will post accurate solution here

s_achraphe
Contributor III
Contributor III
Author

Hope so 

I'm still struggling

fosterma
Contributor III
Contributor III

Hi,  

The label string seems to just be used for formatting. Eg. 'bold' or 'italic' (doesn't require quotes). In order to change the font you need to import the styles at the bottom of the 'Appearance' section.

I found the below example from a similar extension: 

 

@import url('<a href="https://fonts.googleapis.com/css?family=Pacifico" target="_blank">https://fonts.googleapis.com/css?family=Pacifico</a>');
@import url(<a href="https://fonts.googleapis.com/css?family=Luckiest+Guy" target="_blank">https://fonts.googleapis.com/css?family=Luckiest+Guy</a>);

& .statistic-1 .value span {
font-family: 'Luckiest Guy', cursive; !important;
}

& .statistic-1 .value:hover {
color:#21ba45 !important;
}
& .statistic-2 .value span {
font-family: 'Luckiest Guy', cursive; !important;
}
& .statistic-2 .value:hover {
color:#21ba45 !important;
}
& .statistic-3 .value span {
font-family: 'Luckiest Guy', cursive; !important;
}
& .statistic-3 .value:hover {
color:#21ba45 !important;
}

& .statistic-4 .value {
margin: 10px
}
& .statistic-4 .value *{
  font-family: 'Pacifico', sans-serif !important;
}

& .statistic-5 .value {
margin: 10px
}
& .statistic-5 .value *{
  font-family: 'Pacifico', sans-serif !important;
}

& .statistic-6 .value {
margin: 10px
}

& .statistic-6 .value *{
  font-family: 'Pacifico', sans-serif !important;
}

& .statistic-7 .value span {
font-family: 'Luckiest Guy', cursive; !important;
}
& .statistic-8 .label span {
font-family: 'Luckiest Guy', cursive; !important;
}
& .statistic-9 .label span {
font-family: 'Luckiest Guy', cursive; !important;
}

 

 

s_achraphe
Contributor III
Contributor III
Author

thank you

it seems working at a certain point

 

🙂

Johnson_Yao
Contributor II
Contributor II

Have you known how to use Font style to set font?

PoojaYadav
Contributor II
Contributor II

You have to put 'bold' or 'italic' or 'normal' under 'Font style'