New Shapes in PBI - How to Setup JSON?

Hi Axel Et al,

The element name for 'new' shapes (new from April 2021) is now just "shape" instead of "basicShape". Curiously, it also shares a similar structure with actionButton (you have to declare the default state for the shape).

I found a recently updated Git Repo which has some useful info these new shapes:

https://github.com/deldersveld/PowerBI-ThemeTemplates/blob/master/Shape.json

Please see the below json, hope this helps!

{
  "name": "ShapeFillAndOutline",
  "visualStyles": {
    "shape": {
      "*": {
        "background": [
          {
            "show": false
          }
        ],
        "fill": [
          {
            "show": true
          },
          {
            "$id": "default",
            "transparency": 0,
            "fillColor": {
              "solid": {
                "color": "#FFFFFF"
              }
            }
          },
          {
            "$id": "hover",
            "transparency": 0,
            "fillColor": {
              "solid": {
                "color": "#000000"
              }
            }
          }
        ],
        "outline": [
          {
            "show": true
          },
          {
            "$id": "default",
            "transparency": 0,
            "lineColor": {
              "solid": {
                "color": "#000000"
              }
            }
          }
        ],
        "visualHeader": [
          {
            "show": false
          }
        ]
      }
    }
  }
}

Hi Anonymous ,

Would you please try to change the color for the shapes manually?

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

Best Regards,

Dedmon Dai

Hi Dedmon,

this works after converting the shape. But that's not the point. This is my current JSON (partly):

"basicShape": {
			"*": {
				"background": [{
					"show": false,
                    "color": { "solid": { "color": "#ffffff" } },
                    "transparency": 20
                }],
				"line": [{
					"lineColor": { "solid": { "color": "#323232"}},
					"transparency": 0,
					"weight": 3,
					"roundEdge": 0
				}],
				"fill": [{
					"show": false,
					"fillColor": { "solid": { "color": "#ffffff"}},
					"transparency": 100
				}],
				"title": [{
					"show": false,
				    "fontColor": { "solid": { "color": "#323232" } },
				    "background": { "solid": { "color": "#ffffff" } },
				    "alignment": "Left",
				    "fontSize": 11,
				    "fontFamily": "Segoe UI Light"
				}],
				"rotation": [{
					"angle": 0
				}],
				"visualHeader": [{
					"show": false
				}],
				"border":[{
					"show":true,
					"color": { "solid": { "color":"#CCCCCC" } },
					"radius": 5
				}]
			}
		}

Now the code from above does not have any affect. I guess with the new shapes something else needs to change...

Cheers

Axel

I had the same problem and created an issue here. Feel free to upvote it: (1) Fix shape formatting in theme json - Microsoft Power BI Community