Skip to main content


fires after configuration attributes of the control have been changed dynamically

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


  • 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


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.