attachObject

attaches an html object to a tab

obj

string|number|HTMLElement

object DOM element or its id

Example

myTabbar.tabs(id).attachObject("objectId");

• style "display:none" (if set) will be removed automatically after attaching, useful to keep content hidden while not attached

<div id="objectId" style="display: none;">...</div>

• for this mode cell will not render native scrolls, so you need to use the following style: "width: 100%; height: 100%; overflow: auto;" to make attached object's scrolls appear when necessary

div#objectId {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}

Back to top