Forum Discussion
israelcevans
6 years agoAdvocate II
KPI JSON properties
Hello! Does anyone know of a way to change a KPI's Data Label color and Font size? I'm currently trying this (inside of a larger "visualStyles" bit of markup) to no avail. "kpi": { "*": {...
israelcevans
6 years agoAdvocate II
Thanks for the reply v-eachen-msft .
What I mistook for a KPI was actually a Card Element. I found I'm able to do quite a bit with that element when it comes to the fill, the outline, border, and such, but I haven't found the right property name for the text. This is what I'm currently using:
"actionButton": {
"*": {
"visualHeader": [
{
"show": true
}
],
"border": [
{
"show": false
}
],
"buttonText": [
{
"$id": "default",
"transparency": 0,
"fontColor": { "solid": { "color": "#ff0000" } },
"Color": { "solid": { "color": "#ff0000" } },
"textColor": { "solid": { "color": "#ff0000" } }
}
],
"fill": [
{
"show": true
},
{
"$id": "default",
"transparency": 0,
"fillColor": { "solid": { "color": "#66bc43" } }
},
{
"$id": "hover",
"transparency": 40,
"fillColor": { "solid": { "color": "#66bc43" } }
},
{
"$id": "selected",
"transparency": 20,
"fillColor": { "solid": { "color": "#66bc43" } }
}
],
"outline":[
{
"show": false
},
{
"$id": "default",
"lineColor": {"solid": {"color": "#000000"}},
"transparency": 0,
"weight": 0,
"roundEdge": 0
},
{
"$id": "hover",
"lineColor": {"solid": {"color": "#000000"}},
"transparency": 0,
"weight": 0,
"roundEdge": 0
},
{
"$id": "selected",
"lineColor": {"solid": {"color": "#000000"}},
"transparency": 0,
"weight": 0,
"roundEdge": 0
}
]
}
}buttonText doesn't seem to be the right name, as you can see, I'm also flailing about trying different names for the color under there, but nothing so far has worked. Would you have any ideas on this one?
Thanks!
v-eachen-msft
6 years agoCommunity Support
Hi israelcevans ,
There isn't json property of border in the table. I think you could only edit the properties which have JSON.cardName.