Slicer shadow formatting bug

[C4YNelis]

Hi all,

I haven't seen this posted anywhere yet, so maybe it's an error on my side, however, there seems to be a bug in the formatting pane for (at least) slicers, when it comes to (de-)selecting the shadow option in effects. Specifically, toggling the switch on/off does not effect the requested change in the visual.

In order to make it work, you need to first toggle the background option (also found in the effects menu) off (or perhaps on, but I'm using a .json theme file, which always toggles it on by default), after which it will effect the next change in the shadows on/off option.

I'm just curious if anyone can confirm this bug, or that it's just me.

Cheers

[v-yetao1-msft]

Hi @C4YNelis 

Thanks for your feedback ! First of all, is your problem occurring in Desktop or Service and what is the corresponding version? Secondly, can you describe your problem in detail in the form of a screenshot or video?

Best Regards,
Community Support Team _ Ailsa Tao

[C4YNelis]

Hi @v-yetao1-msft ,

thank you for your interest and quick reply.

The issue occurs in Power BI Desktop.

I've captured a GIF to show you what happens. As you can see, the slicer regulating the shadow option doesn't work, until I change the background first. This happens across multiple versions already, the GIF is captured with the latest available version: 2.128.751.0 64-bit (april 2024).

Shadow does not toggle.

I'm using a theme .json to format slicers and the slicer in question works based on a field parameter (single value setting). I've pasted an extract of my .JSON themefile below, just in case I've made a mistake in the JSON:

    "visualStyles": {
        "*": {
            "*": {
                "*": [
                    {
                        "color": {
                            "solid": "#002560"
                        },
                        "fontFamily": "Calibri, Cambria",
                        "fontSize": 8,
						"wordWrap": false
                    }
                ],
                "background": [
                    {
                        "color": {
                            "solid": {
                                "color": "#FFFFFF"
                            }
                        },
                        "show": true,
                        "transparency": 0
                    }
                ],
                "border": [
                    {
                        "color": {
                            "solid": {
                                "color": "#002560"
                            }
                        },
                        "radius": 0,
                        "show": false
                    }
                ],
				"dropShadow": [
					{
                        "color": {
                            "solid": {
                                "color": "#002560"
                            }
                        },
						"position": "Outer",
						"preset": "BottomRight",
						"show": true
					}
				],
                "filterCard": [
                    {
                        "$id": "Applied",
                        "backgroundColor": {
                            "solid": {
                                "color": "#6DFF50"
                            }
                        },
                        "foregroundColor": {
                            "solid": {
                                "color": "#002650"
                            }
                        },
                        "transparency": 0
                    },
                    {
                        "$id": "Available",
                        "backgroundColor": {
                            "solid": {
                                "color": "#FFFFFF"
                            }
                        },
                        "foregroundColor": {
                            "solid": {
                                "color": "#002650"
                            }
                        },
                        "transparency": 0
                    }
                ],
                "general": [
                    {
                        "responsive": true
                    }
                ],
                "outspacePane": [
                    {
                        "backgroundColor": {
                            "solid": {
                                "color": "#FFD714"
                            }
                        },
                        "checkboxAndApplyColor": {
                            "solid": {
                                "color": "#002650"
                            }
                        },
                        "headerSize": 10
                    }
                ],
                "stylePreset": [
                    {
                        "name": "None"
                    }
                ],
                "title": [
                    {
                        "alignment": "center",
                        "fontSize": 12,
                        "show": true
                    }
                ],
                "visualTooltip": [
                    {
                        "background": {
                            "solid": {
                                "color": "#EEEEEE"
                            }
                        },
                        "fontFamily": "DIN",
                        "fontSize": 13,
                        "titleFontColor": {
                            "solid": {
                                "color": "#002560"
                            }
                        },
                        "transparency": 2,
                        "type": "Default",
                        "valueFontColor": {
                            "solid": {
                                "color": "#002560"
                            }
                        }
                    }
                ]
            }
        },
        "slicer": {
            "*": {
				"background": [
                    {
                        "color": {
                            "solid": {
                                "color": "#FFFFFF"
                            }
                        },
                        "show": true,
                        "transparency": 0
                    }
                ],
                "general": [
                    {
                        "responsive": true
                    }
                ],
                "header": [
                    {
                        "background": {
                            "solid": {
                                "color": "#FFFFFF"
                            }
                        },
                        "fontColor": {
                            "solid": {
                                "color": "#002560"
                            }
                        },
                        "fontFamily": "Calibri, Cambria",
                        "outline": "None",
                        "show": true,
                        "textSize": 12
                    }
                ],
                "items": [
                    {
                        "background": {
                            "solid": {
                                "color": "#FFFFFF"
                            }
                        },
                        "fontColor": {
                            "solid": {
                                "color": "#002560"
                            }
                        },
                        "fontFamily": "Calibri, Cambria",
                        "outline": "None",
                        "textSize": 10
                    }
                ],
                "selection": [
                    {
                        "selectAllCheckboxEnabled": true,
                        "singleSelect": false
                    }
                ]
            }
        },

Cheers,

Niels