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

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
If you have not checked yet, be sure to visit site of our main product Webix javascript ui framework and page of javascript data grid product.