How do I change the size of KPI box

[Keyur Parekh 2]

Does anyone know how to change the size of KPI box I have 3-4 KPI numbers kept within some portion. To view all the KPI's I have to make room which make other visualization smaller. I dont find any option. This is not possible

[Andrew Berridge]

Hi There,

To my knowledge it isn't possible to set the size of the KPI boxes. They are auto-sized based on the available space. The vertical size is set, but the horizontal size automatically resizes to the available space. I believe this is so that the layout automatically resizes for mobile devices.

Is it possible to change the layout to better show all the KPI's

Andrew (TIBCO Data Science)

[vidya sagar Malla]

Hi,

I always prefer to go with HMTL , CSS & Javascript in Text area. Basically i will design my entire KPI dashboard in a photoshop and slice all the images into one folder. Finally embedded all the images into the text area and position the calculated values where ever you need.

With this you can controll all your image heights and bandwidhts.

Thanks,

-Vidya

[Amy Walman]

Starting in Spotfire 7.7, you can adjust the Tile Widthunder KPI Chart Properties -> Appearance

[Lucas Fontenelle 2]

Have an example to share

[Ambi Krishnamoorthy]

We can able to adjust the width in 7.7 and above version.

Thanks.

[Bren Croll]

It is possible to change the KPI's, Spotfire developer (turn it on from Tools>Options)

you can muck around with the following CSS in a text area.

 

 

/* FORMAT THE TILE*/

.sf-kpi-tile{ ;border-radius:0% !important; box-shadow: 2px 4px 8px 1px rgba(0, 0, 0, 0.2); height:96px !important; font-size:10px; padding:6px; width:128px !important; }

 

/* FORCE ALL TEXT CONTENT TO BE WHITE */

.sf-kpi-tile>div{ color:white;}

 

/* FORCE TEXT WRAPPING IN THE METRIC DESCRIPTION AND FORMAT */

.KpiActual{font-size:11px !important; white-space:normal !important; height:24px; margin-bottom:3px !important; }

 

/* TURN THE TILE A DIFFERENT COLOUR ON MOUSE HOVER*/

.sf-kpi-tile:hover{ background:#50544d !important;}

 

/* DON'T SHOW THE FROM TARGET */

.KpiFromTargetCont{ display:none }

 

/* SHRINK THE SIZE OF THE SPARKLINE AND FORCE IT TO BE WHITE */

.Sparkline{ color:white; height:24px; margin:0pt;}

[Avi Levy]

Hey,

 

I just tried doing what you suggested - I did manage to change the height and width from the delveloper coding display, but once I save the analysis it just goes back to the default settings and doesn't keep what I entered. Any thoughts on how to change this