Check documentation for the latest version of dhtmlxSuite appendObject DHTMLX Docs

appendObject

attaches an object to a tab without clearing cell content

void appendObject(string|number|HTMLElement obj);
objstring|number|HTMLElementobject DOM element or its id

Example

myTabbar.tabs(id).appendObject("div_a");
myTabbar.tabs(id).appendObject("div_b");
myTabbar.tabs(id).appendObject("div_c");

Details
  • style "display:none" will be removed automatically after attaching, it's useful to keep content hidden while not attached

  • for this mode a tab will add scrolls automatically, there's no need to specify width/height to the attached object (divs without specified dimension are usually stretched to 100% of width and height adjusted to content)

<div id="div_a" style="display:none;"> ... </div>
<div id="div_b"> ... </div>
<div id="div_c"> ... </div>
Back to top