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