Device orientation

You can define logic, how templates must be changed, or layout reconstructed during device rotation

Different templates

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

Different layouts

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