expandcollaps

dhtmlXTabBar object API

addTab(id, text, size, position, row)
add tab to TabBar
Topic(s): Visual appearence;
File required:dhtmlXTabbar.js
  • id - tab id
  • text - tab content
  • size - width(height) of tab
  • position - tab index , optional
  • row - index of row, optional [only in PRO version]
  • clearAll()
    reinitialize tabbar
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
    disableTab(tab,mode)
    disable tab in tabbar
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • tab - id of tab
  • mode - if set to true, selection jump from current tab to nearest one
  • enableAutoReSize(mode)
    enable / disable auto adjusting height and width to outer conteiner
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • mode - enable/disable
  • enableAutoSize(autoWidth,autoHeight)
    enable disable auto adjusting height and width to inner content
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • autoWidth - enable/disable auto adjusting width
  • autoHeight - enable/disable auto adjusting height
  • enableContentZone(mode)
    enable/disable content zone (enabled by default)
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • mode - true/false
  • enableForceHiding(mode)
    enable/disable force hiding mode, solves IE problems with iframes in HTML content, but can cause problems for other dhtmlx components inside tabs
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • mode - true/false
  • enableScroll(mode) [Professional]
    enable/disable scrollers ( enabled by default )
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • mode - true/false
  • enableTab(tab)
    enable tab in tabbar
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • tab - id of tab
  • forceLoad(tabId,href)
    forcing to load tab in question
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • tabId - id of tab in question
  • href - new href, optional
  • getActiveTab()
    get id of current active tab
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
    getLabel(tab)
    get label of tab
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • tab - id of tab
  • goToNextTab(tab)
    select tab next to active
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
    goToPrevTab(tab)
    select tab previous to active
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
    hideTab(tab,mode)
    hide tab in tabbar
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • tab - id of tab
  • mode - if set to true, selection jump from current tab to nearest one
  • loadXML(file,afterCall)
    load tabbar from xml file
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • file - link too XML file
  • afterCall - function which will be called after xml loading
  • loadXMLString(xmlString,afterCall)
    load tabbar from xml string
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • xmlString - XML string
  • afterCall - function which will be called after xml loading
  • preventIECashing(mode)
    prevent caching in IE by adding random seed to URL string
    Topic(s):
    File required:dhtmlXTabbar.js
  • mode - enable/disable random seed ( disabled by default )
  • removeTab(tab,mode)
    remove tab from tabbar
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • tab - id of tab
  • mode - if set to true, selection jump from current tab to nearest one
  • setAlign(align)
    set align of tabs on tabbar
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • align - left/right for gorizontal tabbar, top/bottom for vertical tabbar
  • setContent(id,nodeId)
    set content of tab
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • id - id of tab
  • nodeId - id of container, or container object
  • setContentHref(id,href)
    set content as a href to an external file
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • href - link too external file
  • setContentHTML(id,html)
    set content of tab, as HTML string
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • id - id of tab
  • html - html string
  • setHrefMode(mode)
    set mode of loading external content
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • mode - href mode - ifram/iframes/ajax
  • setImagePath(path)
    reinitialize tabbar
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • path - path to image folder
  • setLabel(tab,value)
    set label of tab
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • tab - id of tab
  • value - new label
  • setMargin(margin)
    set distance between tabs
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • margin - margin value
  • setOffset(offset)
    set offset before first tab on tabbar
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • offset - offset value
  • setOnLoadingEnd(func) [Professional]
    set function called after xml loading/parsing ended

    EventName:onXMLLoadingEnd
    event fired simultaneously with ending XML parsing, new items already available in tabbar
  • tabbar object
  • Topic(s):
    File required:dhtmlXTabbar.js
  • func - event handling function
  • setOnSelectHandler(func)
    set content of tab

    EventName:onClick
    event called when any tab selected
  • id - id of tab

  • Event returns:if false returned the selection aborted
    Topic(s): Event Handlers;
    File required:dhtmlXTabbar.js
  • id - id of tab
  • nodeId - id of container, or container object
  • setSize(width,height,contentZone)
    set control size
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • width - new width
  • height - new height
  • contentZone - if set to true, than width and height set only to content zone
  • setSkinColors(a_tab,p_tab,c_zone)
    allow to set skin specific color, must be used AFTER selecting skin
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • a_tab - color of activ tab
  • p_tab - color of passive tab
  • c_zone - color of content zone (optional)
  • setStyle(name)
    set style used for tabbar
    Topic(s): Initialization;
    File required:dhtmlXTabbar.js
  • name - any valid style name
  • setTabActive(tabId)
    switch tab to active state
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • tabId - id of tab
  • showTab(tab)
    show hidden tab in tabbar
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • tab - id of tab
  • tabWindow(tab_id)
    return window of tab content for iframe based tabbar
    Topic(s): Visual appearence;
    File required:dhtmlXTabbar.js
  • tab_id - tab id