resize

adjusts the view to a new size

void resize();

Example

cal1 = webix.ui({
    view:"calendar",
    // other config
});
 
cal1.define("width", 700);
cal1.resize();

Related samples

Details

You may need to use this method if you want to change the width or height of the component.

$$('list1').config.width = 200;
$$('list1').config.height = 200;
$$('list1').resize();

If a component is placed into some layout - you need not to call resize for the parent layout, it will adjust automatically.

Performance tip

If you set sizes for multiple components,it makes sense to set sizes for all of them at first and only then call resize().

$$('list1').config.width = 200;
$$('list1').config.height = 200;
 
$$('list2').config.width = 600;
$$('list2').config.height = 400;
 
$$('list1').resize();
$$('list2').resize();
See also
Back to top