Forum Discussion

CountMcCracker's avatar
CountMcCracker
Frequent Visitor
1 year ago
Solved

Advanced Slicer Visual Theme Issue

Hello,    I’m working on standardizing Power BI themes across the organization and recently explored the Advanced Slicer Visual schema on GitHub. However, I’m encountering an issue with changing th...
Need Help
  • OwenAuger's avatar
    OwenAuger
    1 year ago

    Hi CountMcCracker 

    I happened to be reading another thread here recently, and it looks like a similar issue.

    It appears that this property needs to be included

     

    "$id": "default"

     

    which specifies that the rounded corners apply by "default" for all states.

     

    Also, I believe it should be:

     

    "tileShape": "rectangleRounded"

     

     

    The full JSON snippet would be:

     

    "advancedSlicerVisual": {
  "*": {
	"shapeCustomRectangle": [
	  {
		"$id": "default",
		"tileShape": "rectangleRounded",
		"rectangleRoundedCurve": 16
	  }
	]
  }
}

     

     

    Does this work for you? Let me know if I've misunderstood something.

     

    I haven't completely trawled through the Report Theme JSON Schema to justify this yet but it appears to work.

LovelyGoat's avatar
LovelyGoat
New Member
6 months ago

To be complete. The visual has currently (feb-2026) to RoundedRectangle shapes:

"tileShape": "rectangleRoundedByPixel" > rounded in XY pixels
"tileShape": "rectangleRounded"  > rounded in %

example code:
"advancedSlicerVisual": {
			"*": {
				"value": [
					{
						"$id": "default",
						"textWrap": true,
						"fontColor": {
							"solid": {
								"color": "#ffffff"
							}
						}
					},
					{
						"$id": "selection:selected",
						"textWrap": true,
						"fontColor": {
							"solid": {
								"color": "#ffffff"
							}
						}
					},
					{
						"$id": "interaction:hover",
						"textWrap": true,
						"fontColor": {
							"solid": {
								"color": "#ffffff"
							}
						}
					},
					{
						"$id": "interaction:press",
						"textWrap": true,
						"fontColor": {
							"solid": {
								"color": "#ffffff"
							}
						}
					},
					{
						"show": true
					}
				],
				"outline": [
					{
						"$id": "default",
						"lineColor": {
							"solid": {
								"color": "#FFFFFF"
							}
						},
						"transparency": 30
					},
					{
						"show": false
					}
				],
				"fillCustom": [
					{
						"$id": "default",
						"fillColor": {
							"solid": {
								"color": "#9BC0A1"
							}
						}
					},
					{
						"$id": "selection:selected",
						"fillColor": {
							"solid": {
								"color": "#E79D16"
							}
						}
					},
					{
						"$id": "interaction:hover",
						"fillColor": {
							"solid": {
								"color": "#9BC0A1"
							}
						}
					},
					{
						"$id": "interaction:press",
						"fillColor": {
							"solid": {
								"color": "#9BC0A1"
							}
						}
					},
					{
						"show": true
					}
				],
				"background": [
					{
						"show": true,
						"color": {
							"solid": {
								"color": "#FFFFFF"
							}
						}
					}
				],
				"visualTooltip": [
					{
						"show": false
					}
				],
				"shapeCustomRectangle": [
					{
						"$id": "default",
						"tileShape": "rectangleRoundedByPixel",
						"rectangleRoundedCurve": 10
					}
				],
				"subTitle": [
					{
						"show": false
					}
				],
				"Title": [
					{
						"show": false
					}
				]
			}
		}