Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
1 year ago
Solved

How to disable setting with toggle switch

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...
  • Anonymous's avatar
    Anonymous
    1 year ago

    Hi  ,Base on my description, it seems like you want to disable setting with toggle switch in 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