Forum Discussion

ThomasVanhelden's avatar
ThomasVanhelden
Frequent Visitor
4 years ago

Custom Report Theme - Card Visual - Callout Value Font Size

Hi all,

 

How can you change the card visual callout value's font (size) in a custom report theme json? 

 

I've tried two methods:

1) Via the visualStyles of Card:

"visualStyles": {
"card": {
"*": {
"general": [{
"responsive": false,
"keepLayerOrder": false
}],
"labels": [{
"color": { "solid": { "color": "#FFFFFF"}},
"fontSize": 12,
"fontFamily": "Calibri"
}],
"categoryLabels":[{
"show": true,
"color": { "solid": { "color": "#FFFFFF"}},
"fontSize": 12,
"fontFamily": "Calibri"
}],
"calloutValue":[{
"fontSize": 42,
                    "color":  { "solid": { "color": "#FFFFFF"}},
                    "fontFamily": "Calibri"
}],
"wordWrap": [{
"show": true
}],
"background": [{
"show": true,
"color": { "solid": { "color": "#3B8CC3"}},
"transparency": 0
}],
 ]"title": [{
   "show": false
 }],
 "border": [{
   "show": false
 }]
}
}

 

 

2) Via the textClasses:

"textClasses": {
    "callout": {
    "fontSize": 42,
    "fontFace": "DIN",
    "color": "#252426",
    "fontFamily": "Segoe UI Bold"
    }
}

 

None of these methods seem to alter the callout value 😞

 

Thanks for any help you can offer!

Need Help

4 Replies

  • v-henryk-mstf's avatar
    v-henryk-mstf
    Community Support
    4 years ago

    Hi ThomasVanhelden ,

     

    The json code does not seem to find a specific error. Is it possible to provide more step-by-step information, etc.?

     

    Or see if a similar solution might be helpful to you.

    powerbi - How to Fix Error Making JSON theme for Power BI - Stack Overflow

    Solved: JSON Theme: Multicard and Card Visuals - Microsoft Power BI Community


    Looking forward to your reply.


    Best Regards,
    Henry


    If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

    • ThomasVanhelden's avatar
      ThomasVanhelden
      Frequent Visitor
      4 years ago

      Hi Henry,

       

      There is no error; the code just doesn't alter the callout value.

       

      I'm looking for the code to alter the callout value. 

  • allanp5's avatar
    allanp5
    Frequent Visitor
    2 years ago

    I realise that this is an old question, but I was faced with the same issue and couldn't find an answer. I found a solution by renaming "labels" as "dataLabels"

     

    e.g. 

    "dataLabels": [
    {
    "color": {
    "solid": {
    "color": "#1EB5BA"
    }
    },
    "labelDisplayUnits": 0,
    "labelPrecision": 0,
    "fontSize": 30,
    "fontFamily": "Segoe UI SemiBold",
    "bold": false,
    "italic": false,
    "underline": false,
    "preserveWhitespace": true
    }
    ],

     

    This allows me to control the callout value, but only time will tell whether this is the correct solution.

  • brucekbenton's avatar
    brucekbenton
    New Member
    9 months ago

    Again, an old thread but I struggled to find an answer for this. Here is the code I added to my JSON file to solve this issue:

     

        "textClasses": {
            "callout": {
                "color": "#006098",
                "fontFace": "'Segoe UI', wf_segoe-ui_normal, helvetica, arial, sans-serif",
                "fontSize": 20
            }
        },
     
    I think this is the correct approach and it certainly worked for me.