*** Top - Tabs ***

```html
    
    <div class="widget" style="height: inherit;width: inherit" attachto="containerNode">    
        <header>        
            <ul attachto="tabBar" class="nav nav-tabs">
                <li class="active">
                    <a href="#xide_layout__TabPane_2" data-toggle="tab" class=" fa-cogs"> bla bla2</a>
                </li>
                <li class="">
                    <a href="#xide_layout__TabPane_3" data-toggle="tab" class=" fa-cogs"> bla bla 2</a>
                </li>
            </ul>    
        </header>    
        <div attachto="tabContentNode" style="width: inherit; padding:0px; height: 100%;" class="tab-content">        
            <div attachto="panelNode" style="height:100%;width:100%" class="tab-pane active"></div>
            <div attachto="panelNode" style="height:100%;width:100%" class="tab-pane "></div>
        </div>
    </div>
    
```

*** Left Tabs ***

```html

<div class="tabbable tabs-left">

    <ul id="myTabLeft" class="nav nav-tabs">
        
        <li class="active">
            <a href="#home-left" data-toggle="tab" aria-expanded="true">Home</a>
        </li>
        
        <li class="">
            <a href="#profile-left" data-toggle="tab" aria-expanded="false">Profile</a>
        </li>
    </ul>    
    
    <div id="myTabContentLeft" class="tab-content">
        
        <div class="tab-pane fade active in" id="home-left">
            tab content - 1
        </div>
        
        <div class="tab-pane fade" id="profile-left">
            tab content - 2
        </div>
        
        
        
    </div>
</div>

```