Skip to main content

setProperties()

allows changing available configuration attributes of the control dynamically

setProperties(properties: object): void;

Parameters:

  • properties: object - an object with the available attributes of the control and their new values

Example

form.getItem("input").setProperties({
    inputType: "text",
    label: "New label", 
    placeholder: "Enter your name",
    minLength: 4
});
info

The method invokes the afterChangeProperties and beforeChangeProperties events.

It is possible to change values of the following configuration attributes of the Input control:

{
    autocomplete: boolean,
    css: string,
    errorMessage: string,
    height: string|number|"content",
    helpMessage: string,
    hiddenLabel: boolean,
    icon: string,
    inputType: string,
    label: string,
    labelPosition: string,
    labelWidth: string|number,
    max: string|number,
    maxlength: string|number,
    min: string|number,
    minlength: string|number,
    padding: string|number,
    placeholder: string,
    preMessage: string,
    readOnly: boolean,
    required: boolean,
    successMessage: string,
    validation: object|function,
    width: string|number|"content"
}

You will find the description of these properties here.

Change log:

added in v7.0