Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.

Reply
zapppsr
Kudo Collector
Kudo Collector

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
v-yuezhe-msft
Employee
Employee

@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.

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"
                     }
                  }
               }
            ]
         }
      }
   }
}

 

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
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

Find out what's new and trending in the Fabric Community.