Forum Discussion

saranicole2695's avatar
saranicole2695
Frequent Visitor
6 years ago
Solved

Theme JSON: Card

Hi! I am in the process of building a customized them with JSON. I have gotten everything but my Card formatting section to work. I have spent the last couple hours scouring through google, youTube, ...
Need Help
  • dax's avatar
    dax
    6 years ago

    Hi saranicole2695,

    It seems that the "visualStyle" is duplicated in your sample, I will check your sample in my environment. In addition, you could refer to Report Theme Generator V3 , then set attribute vaue in it, then you could get json file when you click "Download".

    Best Regards,
    Zoe Zhi

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

     

saranicole2695's avatar
saranicole2695
Frequent Visitor
6 years ago

Right, that is just the card portion of the entire file. All of the other visual types that have have specs laid out for are working perfectly.  Here is the entirety of the code.

 

{

"name": "CGB",

"dataColors": [ "#839A43", "#945D5D", "#DFB84C", "#4F80B8", "#631A42", "#8D8D8D", "#46639E", "#99ACC4", "#FFBC00" ],

"background":"#FFFFFF",

"foreground": "#000000",

"tableAccent":"#30770F",

"visualStyles":{  
    "clusteredColumnChart":{
		"*" :{
			"title": [{
				    "show": true,
				    "fontColor": { "solid": { "color": "#000000" } },
				    "background": { "solid": { "color": "#FFFFFF" } },
				    "alignment": "center",
				    "fontSize": 15,
				    "fontFamily": "Segoe UI"
				  }]
				}
			}
		},

"visualStyles":{
	"card":{  
         "*":{  
        	
			"labels": [{
				"labelDisplayUnits": "1",
				"LabelPrecision": 0,
				"fontSize": 27,
				"fontFamily": "DIN"
				
			}],
			
			 "border": [{
				    "show": true,
				    "color": { "solid": { "color": "#30770F"}}, 
					"radius": 15
                
            }],
				
			"categoryLabels": [{
				"show" : false
			}],
			
			 "title": [{
				    "show": true,
				    "fontColor": { "solid": { "color": "#000000" } },
				    "background": { "solid": { "color": "#FFFFFF" } },
				    "alignment": "center",
				    "fontSize": 15,
				    "fontFamily": "Segoe UI"
				  }]
		     }
         }
      },
   

"visualStyles":{  
      "pieChart":{  
         "*":{  
          
            "border": [{
				    "show": true,
				    "color": { "solid": { "color": "#30770F"}}, 
					"radius": 15
			}],
					
            "title": [{
				    "show": true,
				    "fontColor": { "solid": { "color": "#000000" } },
				    "background": { "solid": { "color": "#FFFFFF" } },
				    "alignment": "center",
				    "fontSize": 15,
				    "fontFamily": "Segoe UI"
				  }], 
			"legend": [{
				"show": false
			}],
			
			"labels": [{
					"show": true,
					"labelStyle": "Data",
					"color": { "solid": { "color": "#000000" } },
					"labelDisplayUnits": 1,
				    "LabelPrecision": "0",
				    "fontSize": 15,
				    "fontFamily": "Segoe UI",
					"position": "Outside"
			}]
           
         }
      }
   }	
}
dax's avatar
dax
Icon for Community Support rankCommunity Support
6 years ago

Hi saranicole2695,

It seems that the "visualStyle" is duplicated in your sample, I will check your sample in my environment. In addition, you could refer to Report Theme Generator V3 , then set attribute vaue in it, then you could get json file when you click "Download".

Best Regards,
Zoe Zhi

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

 

  • saranicole2695's avatar
    saranicole2695
    Frequent Visitor
    6 years ago

    Thanks for all of the feedback. I am so much closer.  All of the Card specs are now populating in Power BI when I import the JSON except for labelPrecision. Any ideas on that? I have tried all kinds of things to get it to pull something in. I have tried just using a 0 and "0". Verified the command. Tried a different one: dataLableDecimalPlaces. Tried other numbers 1, 2, 5. Nothing has seemed to work.  Any ideas?

     

     
     
    	"card":{  
         "*":{  
        	
			"labels": [{
				"color": { "solid": { "color": "#000000"}}, 
				"labelDisplayUnits": 1,
				"LabelPrecision": "0",
				"fontSize": "25",
				"fontFamily": "Trebuchet MS"
				
			}],
			
			 "border": [{
				    "show": true,
				    "color": { "solid": { "color": "#30770F"}}, 
					"radius": 15
                
            }],
				
			"categoryLabels": [{
				"show" : false
			}],
			
			 "title": [{
				    "show": true,
				    "fontColor": { "solid": { "color": "#000000" } },
				    "background": { "solid": { "color": "#FFFFFF" } },
				    "alignment": "center",
				    "fontSize": 15,
				    "fontFamily": "Segoe UI"
				  }]
		     }
      },