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.

gaurav2141's avatar
gaurav2141
New Member
1 year ago

Hey , I am facing the issue in AdvanceSlicerVisual 
While we select on the button I want the background should be #FEB9AC and font color #000000 but currently it is catching the default font color i.e white which should be Black even while selection. I have used black font hex in my code still I am facing the issue please find the below code and

let me know what can be done also

please suggest how can I change the border of the tile color as well. 


CODE:

 "value": [
          {
            "$id": "default",
            "fontSize": 9,
            "fontFamily": "Arial",
            "fontColor": {
              "solid": {
                "color": "#000000"  
              }
            }
           
          },
          {
            "$id": "selected",
            "fontSize": 9,
            "fontColor": {
              "solid": {
                "color": "#000000"  
              }
            }
         
          }
        ]
      ,
"fillCustom": [
          {
            "$id": "hover",
            "fillColor": {
              "solid": {
                "color": "#F3F2F1"
              }
            }
          },
          {
            "$id": "selected",
            "fillColor": {
              "solid": {
                "color": "#FEB9AC"
              }
            },
            "transparency": 0
          },
          {
            "show": true
          }
        ],
"border": [
          {
            "color": {
              "solid": {
                "color": "#E6E6E6"
              }
            },
            "show": false,
            "radius": 6
          }
        ]