Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
2 years ago

[Custom Visual] How to get toggle on formatting settings card?

I am trying to get a toggle switch on one of the cards in my pbiviz custom visual like this: According to the few articles I can find on the matter, I should be able to do this by using the re...
Need Help
gdelpuenteCinec's avatar
gdelpuenteCinec
Helper I
2 years ago

try as below

in the settings.ts

 

/**
 * Legend Formatting Card
 */
class LegendCardSettings extends FormattingSettingsCard {
    show = new formattingSettings.ToggleSwitch({
        name: "show",
        displayName: undefined,
        value: false,
    });

    fill = new formattingSettings.ColorPicker({
        name: "fill",
        displayName: "Color",
        value: { value: "#000000" }
    });
    
    topLevelSlice = this.show;
    name: string = "legenda";
    displayName: string = "Legenda";
    slices = [this.fill];
}

 

in the capabilities.json

 

"legenda": {
			"properties": {
			  "show": {
				"type": {
				  "bool": true
				}
			  },
			  "fill": {
				"type": {
				  "fill": {
					"solid": {
					  "color": true
					}
				  }
				}
			  }
			}
		  }