responsive

enables responsive mode for horizontal layout

string responsive;

Example

{ cols:[a,b,c], responsive:"hide" }

Details

When screen width is too small to fit all views, the leftmost one will be hidden or moved to different layout

webix.ui({
   id:"a1", rows:[
      { responsive:"a1", cols:[ 
         { view:"list", ...},
         { view:"template", ... },
         // template will be moved to "a1" and displayed above the cols
         { view:"datatable", ... } 
      ]}
   ]
});
Back to top
Join Our Forum
We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.
If you have not checked yet, be sure to visit site of our main product Webix web control library and page of toolbar product.