Here is the TS for the menu which display above :
lib.mainMenu = COA
lib.mainMenu{
10= HMENU
10.1 = TMENU
10.1 {
wrap = <ul class=”nav nav-pills nav-main” id=”mainMenu”>|</ul>
noBlur = 1
expAll = 1
IFSUB = 1
NO {
#wrapItemAndSub = <li>|</li>
#ATagTitle.field = 1
allWrap.cObject = CASE
allWrap.cObject {
key.field = uid
7 = COA
7 {
10 = TEXT
10.value = <li class=”dropdown mega-menu-item mega-menu-fullwidth”>|
#10.stdWrap.wrap = <i class=”icon icon-angle-down”></i> |
#10.typolink.ATagBeforeWrap = | <i class=”icon icon-angle-down”></i>
#10.typolink.wrap = | <i class=”icon icon-angle-down”></i>
10.typolink.ATagParams = class=”dropdown-toggle”
#10.typolink.additionalParams = 7
20 = COA
20.wrap = <ul class=”dropdown-menu”><li><div class=”mega-menu-content”><div class=”row”> |</div></div></li></ul>
20.10 = HMENU
20.10.special = directory
20.10.special.value = 76
20.10.wrap = <div class=”col-md-3″><ul class=”sub-menu”><li><span class=”mega-menu-sub-title”>Main Features</span><ul class=”sub-menu”>|</ul></li></ul></div>
20.10.1 = TMENU
20.10.1.NO {
allWrap = <li>|</li>
}
20.10.1.ACT = 1
20.10.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}
20.20 = HMENU
20.20.special = directory
20.20.special.value = 77
20.20.wrap = <div class=”col-md-3″><ul class=”sub-menu”><li><span class=”mega-menu-sub-title”>Headers</span><ul class=”sub-menu”>|</ul></li></ul></div>
20.20.1 = TMENU
20.20.1.NO {
allWrap = <li>|</li>
}
20.20.1.ACT = 1
20.20.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}
20.30 = HMENU
20.30.special = directory
20.30.special.value = 78
20.30.wrap = <div class=”col-md-3″><ul class=”sub-menu”><li><span class=”mega-menu-sub-title”>Footers</span><ul class=”sub-menu”>|</ul></li></ul></div>
20.30.1 = TMENU
20.30.1.NO {
allWrap = <li>|</li>
}
20.30.1.ACT = 1
20.30.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}
20.40 = HMENU
20.40.special = directory
20.40.special.value = 79
20.40.wrap = <div class=”col-md-3″><ul class=”sub-menu”><li><span class=”mega-menu-sub-title”>Blog</span><ul class=”sub-menu”>|</ul></li></ul></div>
20.40.1 = TMENU
20.40.1.NO {
allWrap = <li>|</li>
}
20.40.1.ACT = 1
20.40.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}
30 = TEXT
30.value = </li>
}
default = TEXT
default.value = <li>|</li>
}
}
ACT = 1
ACT{
allWrap.cObject = CASE
allWrap.cObject {
key.field = uid
7 = COA
7 {
10 = TEXT
10.value = <li class=”dropdown mega-menu-item mega-menu-fullwidth”>|
#10.stdWrap.wrap = | <i class=”icon icon-angle-down”></i>
#10.typolink.ATagBeforeWrap = | <i class=”icon icon-angle-down”></i>
#10.typolink.wrap = | <i class=”icon icon-angle-down”></i>
10.typolink.ATagParams = class=”dropdown-toggle”
#10.typolink.additionalParams = 7
20 = COA
20.wrap = <ul class=”dropdown-menu”><li><div class=”mega-menu-content”><div class=”row”> |</div></div></li></ul>
20.10 = HMENU
20.10.special = directory
20.10.special.value = 76
20.10.wrap = <div class=”col-md-3″><span class=”mega-menu-sub-title”>Main Features</span><ul class=”sub-menu”>|</ul></div>
20.10.1 = TMENU
20.10.1.NO {
allWrap = <li>|</li>
}
20.10.1.ACT = 1
20.10.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}
20.20 = HMENU
20.20.special = directory
20.20.special.value = 77
20.20.wrap = <div class=”col-md-3″><span class=”mega-menu-sub-title”>Headers</span><ul class=”sub-menu”>|</ul></div>
20.20.1 = TMENU
20.20.1.NO {
allWrap = <li>|</li>
}
20.20.1.ACT = 1
20.20.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}
20.30 = HMENU
20.30.special = directory
20.30.special.value = 78
20.30.wrap = <div class=”col-md-3″><span class=”mega-menu-sub-title”>Footers</span><ul class=”sub-menu”>|</ul></div>
20.30.1 = TMENU
20.30.1.NO {
allWrap = <li>|</li>
}
20.30.1.ACT = 1
20.30.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}
20.40 = HMENU
20.40.special = directory
20.40.special.value = 79
20.40.wrap = <div class=”col-md-3″><span class=”mega-menu-sub-title”>Blog</span><ul class=”sub-menu”>|</ul></div>
20.40.1 = TMENU
20.40.1.NO {
allWrap = <li>|</li>
}
20.40.1.ACT = 1
20.40.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}
30 = TEXT
30.value = </li>
}
default = TEXT
default.value = <li class=”dropdown active”>|</li>
}
# wrapItemAndSub = <li class=”dropdown active”>|</li>
ATagTitle.field = 1
# ACT = 1
stdWrap.htmlSpecialChars = 1
ATagParams = class=”dropdown-toggle”
# allWrap = <li> | </li>
}
IFSUB{
# stdWrap.wrap = <div class=”subicon”></div>
stdWrap.wrap = <i class=”icon icon-angle-down”></i>
wrapItemAndSub = <li class=”dropdown”>|</li>
ATagParams = class=”dropdown-toggle”
ATagTitle.field = 1
}
ACTIFSUB = 1
ACTIFSUB {
wrapItemAndSub = <li class=”dropdown active”>|</li>
ATagTitle.field = 1
# ACT = 1
stdWrap.htmlSpecialChars = 1
ATagParams = class=”dropdown-toggle”
# allWrap = <li> | </li>
stdWrap.wrap = <i class=”icon icon-angle-down”></i>
}
}
10.2 < .10.1
10.2{
wrap = <ul class=”dropdown-menu”>|</ul>
expAll = 1
NO {
wrapItemAndSub = <li>|</li>
}
ACT = 1
ACT{
wrapItemAndSub = <li>|</li>||<li>|</li>||<li>|</li></ul><ul>||<li>|</li>||<li>|</li>||<li>|</li></ul><ul>||<li>|</li>
ATagTitle.field = 1
stdWrap.htmlSpecialChars = 1
ATagParams = class=”active”
}
IFSUB{
stdWrap.wrap = <div class=”subicon”></div>
}
}
10.3 = TMENU
10.3 {
wrap = <ul class=”dropdown-menu”>|</ul>
noBlur = 1
expAll = 1
IFSUB = 1
NO {
wrapItemAndSub = <li>|</li>
ATagTitle.field = 1
ATagParams = class=””
}
ACT = 1
ACT{
wrapItemAndSub = <li >|</li>
ATagTitle.field = 1
# ACT = 1
stdWrap.htmlSpecialChars = 1
ATagParams = class=””
# allWrap = <li> | </li>
}
IFSUB{
wrapItemAndSub = <li class=”dropdown-submenu”>|</li>
ATagTitle.field = 1
}
}
}