Skip to main content

afterChangeProperties

fires after configuration attributes of the control have been changed dynamically

afterChangeProperties: (properties: object, id?: string) => void;

Parameters:

  • properties: object - an object with configuration attributes of the ToggleGroup or its separate options and their new values
  • id: string - optional, the id of an option of the ToggleGroup

Example

form.getItem("toggleGroup").events.on("afterChangeProperties", function(properties) {
    console.log("afterChangeProperties", properties);
});

The properties object of the ToggleGroup control looks like:

{
    css: string,
    full: boolean,
    gap: number,
    height: string | number|"content",
    multiselection: boolean,
    options: object[],
    padding: string | number,
    width: string|number|"content"
}

The properties object object of a toggle of the ToggleGroup control looks like:

{
    full: boolean,
    icon: string,
    offIcon: string,
    offText: string,
    text: string,
    value: string | number
}

You will find the description of all these properties here.