cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
zapppsr Member
Member

Themes are now Generally Available, but unstable.

Hi:

 

I dedicated some time setting up a theme, and it suits my needs. But sisnce yesterday I noticed it is not working on Public Shared Link: Here, where I posted my theme in the Gallery.

 

Here the comparison:

 

Properlly formatted:

1.png

 

Wrongly formatted:

 

Clipboard01.png

3 REPLIES 3
Moderator v-yuezhe-msft
Moderator

Re: Themes are now Generally Available, but unstable.

@zapppsr,

I note that you use triple wildcard in the JSON file. I have made a test before, the issue is caused by triple wildcard in the JSON file. Could you please update the theme file to be more specific with the visualStyles section, replacing one of the wildcards with a specific entity (visual type or formatting card name) and check the issue?

 "visualStyles": {
    "*": {
      "*": {
        "*": [



Regards,
Lydia

Community Support Team _ Lydia Zhang
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
zapppsr Member
Member

Re: Themes are now Generally Available, but unstable.

Hi @v-yuezhe-msft (Lydia). I'm not an expert in JSON, in fact this is my first contact with this language.

My theme was "frankensteined" by parts of codes that I assembled together and managed to get all the results I wanted. I had some bad effects, but I validated the code here.

 

You understand that in the Power BI Desktop, and published in a Workspace and shared with people, it works perfectly and just have this issue in the public link, using the option Publish to Web option, right?

 

In the "visualStyles" I have lots of sections to specific visuals.

You are suggesting to remove thsese *?

 

"visualStyles":{  
      "*":{  
         "*":{  
            "*":

Here the full code... 

 

{  
   "name":"Sistema FIESC",
   "dataColors":[  
      "#374649",
      "#CCCCCC",
      "#A3DBE1",
      "#F1F145",
      "#F87861",
      "#42CE90",
      "#53354D",
      "#EEBC35"
      
   ],
   "background":"#FFFFFF",
   "foreground":"#374649",
   "tableAccent":"#f4f4f4",
   "visualStyles":{  
      "*":{  
         "*":{  
            "*":[  
               {  
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "title":[  
               {  
                  "show":true,
                  "fontColor":{  
                     "solid":{  
                        "color":"#000000"
                     }
                  },
                  "background":{  
                     "solid":{  
                        "color":"#f4f4f4"
                     }
                  },
                  "alignment":"left",
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "background":[  
               {  
                  "show":true,
                  "color":{  
                     "solid":{  
                        "color":"#FFFFFF"
                     }
                  },
                  "transparency":50
               }
            ],
            "lockAspect":[  
               {  
                  "show":true
               }
            ],
            "border":[  
               {  
                  "show":true,
                  "color":{  
                     "solid":{  
                        "color":"#F4F4F4"
                     }
                  }
               }
            ],
            "visualTooltip":[  
               {  
                  "type":"Default"
               }
            ],
            "stylePreset":[  
               {  
                  "name":"FIESC"
               }
            ]
         }
      },
	  "multiRowCard": {
			"*": {
				"dataLabels": [{
					"color": { "solid": { "color": "#374649"}},
					"fontSize": 12,
					"fontFamily": "Segoe UI"
				}],
				"categoryLabels": [{
					"show": true,
					"color": { "solid": { "color": "#000000"}},
					"fontSize": 10,
					"fontFamily": "Segoe UI"
				}],
				"cardTitle": [{
					"color": { "solid": { "color": "#374649"}},
					"fontSize": 10,
					"fontFamily": "Segoe UI"
				}],
				"card": [{
					"outline": "None",
					"outlineColor": { "solid": { "color": "#f4f4f4"}},
					"outlineWeight": 2,
					"barShow": true,
					"barColor": { "solid": { "color": "#374649"}},
					"barWeight": 2,
					"cardPadding": 20,
					"cardBackground": { "solid": { "color": "#f4f4f4"}}
				}]
			}
		},
	  "card":{  
         "*":{  
            "labels":[  
               {  
                  "show":true,
                  "color":{  
                     "solid":{  
                        "color":"#374649"
                     }
                  },
                  "labelPrecision":0,
                  "fontSize":25,
                  "fontFamily":"Segoe UI"
               }
            ]
         }
      },
      "slicer":{  
         "*":{  
            "general":[  
               {  
                  "outlineColor":{  
                     "solid":{  
                        "color":"#f4f4f4"
                     }
                  },
                  "outlineWeight":1,
                  "orientation":"vertical",
                  "responsive":true
               }
            ],
            "data":[  
               {  
                  "mode":"Basic",
                  "relativeRange":"",
                  "relativePeriod":""
               }
            ],
            "selection":[  
               {  
                  "selectAllCheckboxEnabled":true,
                  "singleSelect":true
               }
            ],
            "header":[  
               {  
                  "show":true,
                  "fontColor":{  
                     "solid":{  
                        "color":"#000000"
                     }
                  },
                  "background":{  
                     "solid":{  
                        "color":"F4F4F4"
                     }
                  },
                  "outline":"None",
                  "textSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "items":[  
               {  
                  "fontColor":{  
                     "solid":{  
                        "color":"#000000"
                     }
                  },
                  "background":{  
                     "solid":{  
                        "color":""
                     }
                  },
                  "outline":"None",
                  "textSize":8,
                  "fontFamily":"Segoe UI"
               }
            ]
         }
      },
      "clusteredBarChart":{  
         "*":{  
            "categoryAxis":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "valueAxis":[  
               {  
                  "show":false,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "labels":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ]
         }
      },
      "clusteredColumnChart":{  
         "*":{  
            "categoryAxis":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "valueAxis":[  
               {  
                  "show":false,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "labels":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ]
         }
      },
	  "barChart":{  
         "*":{  
            "categoryAxis":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "valueAxis":[  
               {  
                  "show":false,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "labels":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ]
         }
      },
	  "columnChart":{  
         "*":{  
            "categoryAxis":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "valueAxis":[  
               {  
                  "show":false,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "labels":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ]
         }
      },
	  "hundredPercentStackedBarChart":{  
         "*":{  
            "categoryAxis":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "valueAxis":[  
               {  
                  "show":false,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "labels":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ]
         }
      },
	  "hundredPercentStackedColumnChart":{  
         "*":{  
            "categoryAxis":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "valueAxis":[  
               {  
                  "show":false,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ],
            "labels":[  
               {  
                  "show":true,
                  "fontSize":8,
                  "fontFamily":"Segoe UI"
               }
            ]
         }
      },
      "pivotTable":{  
         "*":{  
            "grid":[  
               {  
                  "gridVertical":true,
                  "gridVerticalColor":{  
                     "solid":{  
                        "color":"#CCCCCC"
                     }
                  },
                  "gridVerticalWeight":1,
                  "gridHorizontal":true,
                  "gridHorizontalColor":{  
                     "solid":{  
                        "color":"#CCCCCC"
                     }
                  },
                  "gridHorizontalWeight":1,
                  "rowPadSegoe UIg":1,
                  "outlineColor":{  
                     "solid":{  
                        "color":"#CCCCCC"
                     }
                  },
                  "outlineWeight":1,
                  "textSize":8,
                  "imageHeight":25
               }
            ],
            "columnHeaders":[  
               {  
                  "fontColor":{  
                     "solid":{  
                        "color":"#FFFFFF"
                     }
                  },
                  "backColor":{  
                     "solid":{  
                        "color":"#374649"
                     }
                  },
                  "autoSizeColumnWidth":false,
                  "fontFamily":"Segoe UI",
                  "fontSize":8
               }
            ],
            "values":[  
               {  
                  "backColorSecondary":{  
                     "solid":{  
                        "color":"#f4f4f4"
                     }
                  }
               }
            ]
         }
      },
      "tableEx":{  
         "*":{  
            "grid":[  
               {  
                  "gridVertical":true,
                  "gridVerticalColor":{  
                     "solid":{  
                        "color":"#CCCCCC"
                     }
                  },
                  "gridVerticalWeight":1,
                  "gridHorizontal":true,
                  "gridHorizontalColor":{  
                     "solid":{  
                        "color":"#CCCCCC"
                     }
                  },
                  "gridHorizontalWeight":1,
                  "rowPadSegoe UIg":1,
                  "outlineColor":{  
                     "solid":{  
                        "color":"#CCCCCC"
                     }
                  },
                  "outlineWeight":1,
                  "textSize":8,
                  "imageHeight":25
               }
            ],
            "columnHeaders":[  
               {  
                  "fontColor":{  
                     "solid":{  
                        "color":"#FFFFFF"
                     }
                  },
                  "backColor":{  
                     "solid":{  
                        "color":"#374649"
                     }
                  },
                  "autoSizeColumnWidth":false,
                  "fontFamily":"Segoe UI",
                  "fontSize":8
               }
            ],
            "values":[  
               {  
                  "backColorSecondary":{  
                     "solid":{  
                        "color":"#f4f4f4"
                     }
                  }
               }
            ]
         }
      }
   }
}

 

zapppsr Member
Member

Re: Themes are now Generally Available, but unstable.

Hi, @v-yuezhe-msft!

 

I just did a test. I moved my Theme report to a Premium Capacity and republished it on the Web.

Now it works just fine. So I guess it is something related to public links outside Premium Capacity.

 

I saw some people complaining about not loading images on their reports, the same things happens. Move the report to a Premium Capacity and the images/icons will show up!

 

Since I'm moving all my content to Premium, this is no longer an issue for me, but may be to others. So I advise you to check the public link outside Premium Capacity.

 

Here the link.

 

Regards,

Helpful resources

Announcements
Back to School Contest

Back to School Contest

Engage and empower students with Power BI!

MBAS Gallery

Watch Sessions On Demand!

Continue your learning in our online communities.

Summit Australia 2019

Summit Australia 2019

Travel to Melbourne and network with thousands of peers!

Top Ideas
Users Online
Currently online: 245 members 2,800 guests
Please welcome our newest community members: