Design Studio KPI View Style

[Former Member]

Hello All,

I am using KPI view from SCN open source in design studio 1.5 and trying to change font-family, size and color using custom CSS.

.titleValue{

font-family: open-sans;

font-size: 20px;

color: #757575

}

and making below setting change in shown below. (CSS Class set to titleValue). But its not working.

Am I missing any steps here?

[Former Member]

Oops...corrected and reloaded. But same result no change.

Thanks,

JP

[Former Member]

Hi,

CSS class-name "tileValue" and your css has ".tilevalue" Class-name is CASE-SENSITIVE

Hope this mite help

Thanks

Naveen

[Former Member]

Hi Naveen,

names appear like that but both are same. I tried copy n paste but the result is same no change 😞

Any other suggestions?.

Thanks,

JP

[Former Member]

Hi All,

got it working by making below changes. thank you.

[Former Member]

Hi JP,

Can you please share me from where you got the KPI View, i also downloaded from KPI view from SCN open source in Design Studio 1.6. i wanted to reduce the size of the font i tried to use same code but not working.

.mytile .scn-pack-kpiview-value {

font-family: open-sans !important;

font-size: 15px !important;

color: #757575 !important;

}

In the below screen you will see the value showing little down, i wanted to show the value in middle.

And also if you see the screenshot above, there it has one up arrow, i wanted to implemented with alerts like based on the threshold the indicator have to change like green or red arrow. Can you please explain me how to implement it for that.

Appreciate your help.

Thank you,

Suresh

[Former Member]

Hi JP/Suresh

Have either of you been able to reduce the size of the Value in the KPI tile?

I am using design studio 1.6 and I am unable to apply styles to the Value. Some of my CSS code does apply to other areas of the KPI tile e.g. border, heading etc.

JP - I assume you have already solved your problem with displaying and changing icons - if not let me know and I will assist.

Regards

[Former Member]

sorry for the typo:

below is snippet of custom CSS and correct names. Still no luck

[mike_howles4]

You have spelled family wrong.

[Former Member]

You are missing a ; after the color property in the CSS file too.

Thanks,

Nithya

[mike_howles4]

You gave your tile a CSS Class of 'tileValue' and not 'titleValue'