How to disable setting with toggle switch

[LortT]

Hello everyone,

I created a custom visuals and I see that Robbon Chart can toggle the switch above to disable the color below. When the switch is on, I cannot select the color, but when it is off, I can select the color. I want to ask how to do that with code, can anyone show me a sample code or link to instructions on how to do this? Below is an illustrative example image 

[v-yiruan-msft · Accepted solution]

Hi  ,Base on my description, it seems like you want to disable a setting with a toggle switch in a custom visual. Then you'll need to modify the capabilities.json file and the visual's code.

Solved: Format Panel Toggle Switch to Reveal More Options - Microsoft Fabric Community

First ensure that your objects are all configured up in your capabilities.json and they have a corresponding setting object so that they appear in the pane.

If we start with a new visual, I've added these to the capabilities under the dataPoint object:

"toggle": {
"displayName": "Show my Property",
"type": {
"bool": true
}
},
"hideOnToggle": {
"displayName": "I Get Hidden if This Works",
"type": {
"text": true
}
}​

I'll add a couple of extra properties to the dataPointSettings class in settings.ts, e.g.:

// Test toggle
public toggle: boolean = true;
// Should hide if toggle off
public hideOnToggle: string = 'Hiya!';
}

Best Regards