resize

adjusts the view to a new size

void resize();

Example

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

Related samples

Dynamic Adjusting to the Parent Container

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();