const groups: powerbi.visuals.FormattingGroup = {
displayName: "",
uid: `datacard_groups`,
delaySaveSlices: true,
slices: [
{
displayName: "Text",
description: "",
uid: `datacard_groups_text`,
control: {
type: FormattingComponent.TextArea,
properties: {
placeholder: "Text",
descriptor: {
objectName: "groups",
propertyName: `text`,
},
value: settings.groups.text,
},
},
},
{
displayName: "Color",
description: "",
uid: `datacard_groups_color`,
control: {
type: FormattingComponent.ColorPicker,
properties: {
descriptor: {
objectName: "groups",
propertyName: `color`,
},
value: { value: settings.groups.text},
},
},
},
...
{
displayName: "Opacity",
description: "",
uid: "datacard_groups_opacity",
control: {
type: FormattingComponent.Slider,
properties: {
descriptor: {
objectName: "groups",
propertyName: "opacity",
},
value: settings.groups.opacity,
options: {
maxValue: {
type: powerbi.visuals.ValidatorType.Max,
value: 100,
},
minValue: {
type: powerbi.visuals.ValidatorType.Min,
value: 1,
},
},
},
}
}
],
};
I am encountering an issue with the
delaySaveSlicesfunctionality in a group that includes a slider, color picker, and text area. Sometimes, when I modify the values of these components, the "Apply" button does not get enabled as expected.Here's an example:

Here's the sample code of my
FormattingGroup: