You can define logic, how templates must be changed, or layout reconstructed during device rotation
function rotate(mode){ var list = $$("mylist"); if (mode) list.customize({ template:"Some name: #title#", height:23 }); else list.customize({ template:"Some name <br> #title#", height:46 }); list.render(); }; dhx.attachEvent("onRotate", rotate) if (!dhx.ui.orientation) rotate(false);
Related sample: ui/list/10_rotate.html
function fix_layout(dir){ if (dir){ $$("popup_list").hide(); $$("topright").showBatch("h_layout"); dhx.ui($$("left_area"), $$("top_layout"), 0); } else { $$("topright").showBatch("v_layout"); dhx.ui($$("left_area"), $$("popup_list")); } }; dhx.attachEvent("onRotate", fix_layout); if (!dhx.ui.orientation) //vertical fix_layout(false);
Related sample: ui/layout/08_rotate.html