Verticalnav

Default

Esse dolore ut in aute ad ut mollit mollit magna sunt reprehenderit aute velit ipsum velit id non esse ea ad do laboris eu fugiat do dolor aute aute dolor exercitation magna laborum esse aute occaecat quis aliquip cillum sunt pariatur consequat est velit do ea amet deserunt fugiat quis laboris amet qui excepteur deserunt in ut laboris sint nisi exercitation sint deserunt sint et sit fugiat anim proident in enim incididunt dolor sit incididunt esse qui voluptate in irure quis lorem ut veniam consectetur irure sint sunt laboris pariatur nostrud sit elit labore aliqua irure elit incididunt anim enim eu ea consequat ipsum irure ut lorem proident ut sint non veniam adipiscing minim adipiscing non lorem aliqua ea in consequat eu minim mollit dolore esse consectetur consectetur consectetur tempor consequat lorem pariatur culpa eu occaecat laborum lorem nulla cupidatat nisi cillum in aliquip tempor ex ex excepteur exercitation officia do dolor consectetur culpa lorem sunt qui elit sint nisi magna amet sunt velit exercitation amet deserunt eiusmod veniam consequat ut id anim cillum quis deserunt excepteur deserunt ea in reprehenderit consectetur minim officia aliquip exercitation sit mollit ut mollit in veniam dolore deserunt laboris amet consequat anim nulla anim 
<div class="e-verticalnav">
  <e-verticalnav-menu id="verticalnav-unique-id">
    <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
    <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
    <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
  </e-verticalnav-menu>
  <div class="e-verticalnav__content">
    Lorem sed deserunt nostrud sint cillum sit cupidatat culpa id est aute ut nulla officia eu adipiscing ut deserunt occaecat excepteur nisi officia ea nulla pariatur labore dolor est eu amet exercitation nulla amet lorem anim sunt cupidatat nisi aliqua lorem mollit sunt aliqua in dolor ea velit adipiscing culpa laborum ut in irure ex nostrud tempor est laboris labore consectetur duis sed minim dolore velit fugiat nulla laboris est laboris amet fugiat officia laborum est ut nostrud deserunt lorem eiusmod labore laboris labore sit ipsum sed elit nulla nostrud ullamco mollit sunt aliquip consectetur id ex sit adipiscing cillum id cupidatat labore esse ad aliquip quis proident nisi nulla dolore sint irure dolor ut irure incididunt aliqua sed consequat ut amet incididunt nostrud lorem voluptate ut do ut culpa laboris ad occaecat laboris amet incididunt ut ex est sit aute mollit sint eiusmod proident in duis ad aute do proident voluptate ipsum ut sit qui aliqua velit ea veniam minim ut exercitation sint incididunt enim amet fugiat incididunt anim irure cillum sunt culpa commodo excepteur elit culpa ullamco magna voluptate dolor veniam excepteur duis in anim velit ut culpa esse non reprehenderit duis duis sint ad excepteur aliquip et 
  </div>
</div>


                        <div class="e-verticalnav">
                          <e-verticalnav-menu id="verticalnav-unique-id">
                            <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
                            <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
                            <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
                          </e-verticalnav-menu>
                          <div class="e-verticalnav__content">Id anim ut in veniam laboris ut tempor cupidatat quis commodo officia ut aliquip eu cupidatat proident nulla consectetur ex excepteur aute reprehenderit occaecat aliquip deserunt sit fugiat laborum sit et magna pariatur nostrud minim sit ex nostrud tempor occaecat amet aliquip ullamco laborum ut laboris est ullamco velit non laboris tempor culpa id est ea culpa minim officia consectetur laborum esse ad minim eu aliqua consequat sint elit nisi nostrud duis voluptate occaecat dolor velit sunt pariatur pariatur laborum nulla labore voluptate ullamco ipsum aliqua commodo irure in ullamco reprehenderit ut laboris dolore eiusmod deserunt do ad dolor aliqua ullamco ipsum dolor cillum consectetur labore consequat sunt do occaecat esse culpa pariatur dolor consequat aliquip fugiat ex ad mollit ea cillum ipsum consectetur cillum in culpa do dolor occaecat duis cupidatat esse pariatur lorem est eiusmod proident consequat lorem reprehenderit ex sed sit sint ipsum amet in laboris ullamco ullamco fugiat elit duis mollit nisi officia dolor culpa laborum excepteur enim nulla reprehenderit dolore ut lorem nostrud laboris sed irure ut nulla mollit aliquip tempor dolor magna voluptate cillum sit mollit quis do ad occaecat duis cupidatat consequat dolore elit laboris eiusmod ut id eu aliquip officia veniam qui 
                          </div>
                        </div>

Variations

Item with multiple status

Non ipsum velit occaecat aliquip anim in ut anim cupidatat qui laborum esse nulla incididunt occaecat mollit dolor veniam cillum laborum labore reprehenderit duis ut laborum ut cillum do ut ipsum magna aliqua aliquip id nulla ut in proident cupidatat reprehenderit qui excepteur ut qui enim aliquip eu velit amet officia deserunt mollit culpa excepteur reprehenderit dolore ut deserunt enim ex reprehenderit est id dolor cillum fugiat irure adipiscing cupidatat officia pariatur ut ut ut exercitation minim pariatur amet in consectetur occaecat aliqua ipsum consequat ipsum dolor occaecat nulla dolore labore laborum lorem consequat ut mollit magna et dolore nisi nisi eiusmod mollit dolor non lorem commodo duis sed labore quis laboris fugiat laborum velit nostrud veniam consequat laborum consequat proident voluptate magna adipiscing laboris officia esse occaecat in in do proident anim ex et irure excepteur sint proident deserunt ullamco ut minim consectetur ut deserunt ut sunt ad do anim culpa quis ipsum sed sint sit magna aute incididunt ea esse voluptate eu aliquip laborum tempor exercitation velit excepteur dolore lorem ipsum voluptate consequat deserunt elit in exercitation fugiat nulla nisi in in pariatur officia dolore elit ut adipiscing pariatur ullamco nostrud dolore consectetur exercitation dolor consectetur aliquip consectetur 
<div class="e-verticalnav">
  <e-verticalnav-menu>
    <e-verticalnav-item icon="user" value="Dashboard" status="active faded" id="qwe"></e-verticalnav-item>
    <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
    <e-verticalnav-item icon="e-track" status="faded" value="Link tracking"></e-verticalnav-item>
  </e-verticalnav-menu>
  <div class="e-verticalnav__content">
    Amet duis ipsum reprehenderit pariatur tempor veniam duis tempor proident ea non nisi eiusmod ipsum ut in nisi ullamco ullamco minim officia est dolore incididunt elit ut exercitation adipiscing dolor ipsum veniam ad sunt ut proident eu incididunt laborum aliquip est esse adipiscing amet enim minim elit aute lorem reprehenderit sunt quis ea reprehenderit enim in est irure elit pariatur proident esse deserunt nulla elit non eiusmod aliqua ut occaecat eiusmod labore laboris dolor in anim magna nulla duis enim et sit in quis nulla eiusmod reprehenderit dolore excepteur commodo ut id qui esse id mollit mollit culpa cupidatat duis veniam ut exercitation amet cillum magna magna dolor labore aliquip aliquip proident velit proident commodo sunt pariatur sit cupidatat sed laboris quis occaecat lorem excepteur aliqua sint sunt occaecat tempor est labore nulla enim culpa sed incididunt anim fugiat ea irure anim reprehenderit sint ullamco et proident ad eu elit aute occaecat nisi ipsum labore dolore fugiat cillum est tempor magna nostrud reprehenderit proident sit ea sit est sunt laboris elit nulla deserunt consectetur voluptate ea id mollit in amet nisi eiusmod incididunt laboris ut do adipiscing quis est commodo ea aliquip tempor qui ullamco velit laboris ea deserunt pariatur 
  </div>
</div>


                          <div class="e-verticalnav">
                            <e-verticalnav-menu>
                              <e-verticalnav-item icon="user" value="Dashboard" status="active faded" id="qwe"></e-verticalnav-item>
                              <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
                              <e-verticalnav-item icon="e-track" status="faded" value="Link tracking"></e-verticalnav-item>
                            </e-verticalnav-menu>
                            <div class="e-verticalnav__content">Culpa quis elit minim irure ut anim quis mollit ad dolore nulla sed proident culpa elit cupidatat in do id exercitation enim commodo officia dolor ea cillum labore enim aliquip laborum mollit voluptate sint ullamco nostrud ut nulla est ad occaecat sint laborum anim cupidatat dolor amet pariatur ea quis qui commodo commodo sed dolore cillum nulla ut ad do nulla ut in incididunt aute dolore irure nulla eiusmod quis culpa exercitation labore ut pariatur cupidatat cupidatat irure veniam fugiat cillum sed eiusmod consectetur consectetur quis culpa sed dolor irure ullamco minim laboris dolor dolore consectetur incididunt esse sunt irure et dolore ad enim fugiat velit aute exercitation sit in enim non in enim aute nulla id reprehenderit enim amet cillum in nostrud irure minim ad consequat anim dolor exercitation consectetur est elit ex ut proident ut anim eu pariatur incididunt sed eiusmod laborum elit laborum sunt veniam occaecat fugiat qui voluptate minim nulla occaecat amet adipiscing lorem est occaecat sed fugiat voluptate fugiat et deserunt irure nisi voluptate sint dolore eiusmod ut consequat in aute ex dolore ullamco eu in adipiscing est nulla aute ea dolore aute id in commodo sint quis anim quis ea in nisi anim eiusmod 
                            </div>
                          </div>

With title

Lorem ipsum
Ut in ad sit duis elit in et ea magna officia ut nisi nostrud exercitation dolore sed cillum id non nisi mollit commodo in laborum sed magna enim consectetur quis nulla lorem laborum ullamco exercitation et laboris quis commodo mollit incididunt nostrud aliquip pariatur consectetur officia mollit proident aliqua pariatur id proident duis eu esse ad quis dolor velit reprehenderit elit enim anim dolor adipiscing consectetur sint officia non laboris veniam consequat in qui lorem tempor minim et do aliqua exercitation mollit incididunt ullamco veniam enim duis ipsum aute aliqua lorem lorem minim labore id in deserunt id qui ut deserunt consequat quis reprehenderit excepteur eiusmod id aliqua magna amet in sint irure nulla incididunt sint ut ipsum consequat nisi in culpa proident dolor non duis eiusmod magna ex ut do sunt proident quis ad velit occaecat incididunt duis mollit excepteur dolor qui nulla in consequat ullamco in veniam minim nisi ut dolor ut aliqua voluptate ullamco exercitation tempor sed sit ea aliqua enim dolor enim id ut sint in cillum ut ad magna eiusmod deserunt in nisi mollit dolore elit culpa et veniam incididunt deserunt cillum qui est occaecat nulla ex nulla in ea fugiat dolore eiusmod nulla culpa 
<div class="e-verticalnav">
  <e-verticalnav-menu>
    <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
    <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
    <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
  </e-verticalnav-menu>
  <div class="e-verticalnav__content">
    <div class="e-verticalnav__header">
      <div class="e-verticalnav__title">
        Lorem ipsum
      </div>
    </div>
    Sunt esse velit ad mollit irure laboris exercitation ut velit nostrud sed officia adipiscing eu dolore exercitation sed in elit dolor aliqua consectetur est consectetur laborum cillum laboris aliqua ut exercitation et minim voluptate id sint laboris proident qui est eu aliquip ex duis lorem nostrud consequat ipsum non pariatur exercitation ullamco duis duis aute aliquip laboris laborum duis dolore pariatur laborum fugiat ullamco id adipiscing ad ex nulla ut cupidatat aute aute cupidatat sint tempor amet aliqua ex est ut nulla proident labore exercitation ut minim laborum ex duis eu fugiat non in nisi sunt qui amet nisi deserunt elit anim consequat est sint dolor nostrud qui deserunt eu dolore dolor sit eu ipsum esse sed sunt lorem elit dolore voluptate ad dolore minim ea quis aliquip sint do dolor incididunt voluptate magna consectetur veniam pariatur laboris pariatur cillum aute dolore qui esse esse cillum esse officia minim deserunt dolor culpa veniam commodo velit irure minim duis minim ullamco irure excepteur non nostrud dolore ut amet commodo nulla nulla proident eu occaecat labore irure reprehenderit eu dolore magna sit est incididunt elit fugiat irure pariatur sint nulla in nostrud laboris duis aute minim dolor in magna in dolor nulla 
  </div>
</div>


                          <div class="e-verticalnav">
                            <e-verticalnav-menu>
                              <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
                              <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
                              <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
                            </e-verticalnav-menu>
                            <div class="e-verticalnav__content">
                              <div class="e-verticalnav__header">
                                <div class="e-verticalnav__title">Lorem ipsum</div>
                              </div>Dolor ullamco labore dolor ad dolor deserunt dolore tempor adipiscing veniam anim sed id nostrud exercitation in duis do ea sint sint veniam aliquip sit voluptate occaecat tempor est lorem eu occaecat nostrud ad mollit sunt tempor incididunt officia dolore ut dolore non irure dolore enim eiusmod anim sit nisi veniam sint consectetur consectetur do dolore sunt culpa nulla est sint consequat enim sint velit cillum exercitation in ex qui exercitation eiusmod cillum lorem et incididunt sit in sint cupidatat labore incididunt qui lorem nulla dolore ullamco do minim incididunt dolor aliqua aliquip in dolore ut excepteur sit fugiat esse minim commodo veniam sunt sunt ullamco ut in esse ex ad eiusmod deserunt quis eu non qui mollit ex irure qui deserunt anim tempor dolor fugiat ea eu aliqua eiusmod do duis ut adipiscing eu anim ex elit cupidatat ea tempor excepteur ullamco sunt culpa amet aliquip in non minim ut eiusmod lorem ea voluptate officia amet excepteur deserunt in ex commodo aliquip ullamco occaecat in in nisi mollit consequat in incididunt deserunt culpa in amet nostrud quis in ut magna elit sit deserunt in nisi aute enim ut velit aliquip incididunt labore sunt ullamco incididunt dolor amet sit dolor 
                            </div>
                          </div>

With title and buttons

Lorem ipsum
Ut anim esse ea aute ad reprehenderit voluptate exercitation non reprehenderit laborum in nulla anim non labore nostrud ullamco do esse lorem proident voluptate culpa sunt anim in velit minim ullamco dolor dolore cillum sit deserunt ut non minim nulla sed velit aliqua incididunt culpa cillum amet est officia officia mollit anim fugiat mollit labore veniam dolore occaecat dolor sed dolore ex ipsum dolor in aliquip proident est elit sit do nisi lorem cillum fugiat in ex labore proident in exercitation in adipiscing aliqua ut sint voluptate elit ut elit dolore deserunt nisi qui culpa pariatur non in sit dolore occaecat nulla nulla ullamco pariatur nulla aliquip sed sed ipsum laborum incididunt ut nulla minim laborum ex anim amet qui anim nisi dolore aliquip cupidatat magna cupidatat in officia magna ipsum nisi est minim deserunt tempor cupidatat veniam quis eiusmod cupidatat dolor dolor in esse sit ad duis minim ipsum non amet sunt commodo ut occaecat mollit eu in excepteur dolore consectetur qui lorem officia ullamco in aliquip in adipiscing cillum labore elit minim aliquip et laborum ut laboris excepteur deserunt mollit non esse non duis reprehenderit non magna nisi in anim voluptate dolore ullamco exercitation incididunt et magna exercitation 
<div class="e-verticalnav">
  <e-verticalnav-menu>
    <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
    <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
    <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
  </e-verticalnav-menu>
  <div class="e-verticalnav__content">
    <div class="e-verticalnav__header">
      <div class="e-verticalnav__title">
        Lorem ipsum
      </div>
      <div class="e-verticalnav__actions e-buttongroup">
        <button type="button" class="e-btn">
          Button1
        </button>
        <button type="button" class="e-btn">
          Button2
        </button>
      </div>
    </div>
    Incididunt est ea proident lorem nisi consectetur consequat est officia sint ex deserunt esse aliqua sed dolore aute duis nostrud duis pariatur pariatur irure dolor occaecat magna sunt veniam enim dolore nulla commodo culpa ut duis nisi officia officia aliquip minim quis amet cupidatat cupidatat nisi sunt dolore occaecat id ipsum voluptate sit ipsum exercitation et pariatur cillum sint pariatur ad aliqua pariatur ad minim mollit est voluptate dolor labore aliquip eu aute eu fugiat id non fugiat ullamco ut dolor duis duis proident qui nisi in tempor exercitation dolor esse esse cillum veniam culpa ullamco dolor dolor proident occaecat incididunt ut veniam labore ex excepteur ipsum ex enim ut commodo ipsum dolore ea nisi do cupidatat dolor veniam nulla amet amet eiusmod anim consequat in ullamco qui labore ad cupidatat in eu esse pariatur reprehenderit irure fugiat labore ullamco sed et elit incididunt reprehenderit in reprehenderit et commodo sint sint eu dolore deserunt veniam in dolore non officia exercitation reprehenderit laboris dolor nulla cupidatat labore laborum minim duis esse dolor ea anim in ullamco est aute sed dolor ea adipiscing sit quis consectetur laborum consequat ea mollit dolore in ut reprehenderit deserunt aliqua non nisi in ullamco in enim 
  </div>
</div>


                          <div class="e-verticalnav">
                            <e-verticalnav-menu>
                              <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
                              <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
                              <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
                            </e-verticalnav-menu>
                            <div class="e-verticalnav__content">
                              <div class="e-verticalnav__header">
                                <div class="e-verticalnav__title">Lorem ipsum</div>
                                <div class="e-verticalnav__actions e-buttongroup">
                                  <button type="button" class="e-btn">Button1</button>
                                  <button type="button" class="e-btn">Button2</button>
                                </div>
                              </div>Consequat dolore magna consequat proident nulla et dolore amet laboris irure duis commodo cupidatat duis aliqua sunt nulla dolor id ad eiusmod nostrud cillum aliquip ad labore ipsum lorem anim excepteur voluptate deserunt pariatur sunt sunt eiusmod dolore incididunt excepteur cillum excepteur enim cillum dolor laborum velit non magna id in quis aute consequat cupidatat excepteur proident commodo voluptate esse pariatur ex in proident incididunt ullamco deserunt occaecat duis est in lorem ad occaecat id sed qui consectetur reprehenderit laborum adipiscing est dolore in aliquip non dolore ullamco fugiat dolore ex voluptate excepteur quis eu est id et cupidatat ex lorem sint pariatur excepteur ad et aliqua ex lorem minim dolore esse sint qui pariatur laborum laboris irure exercitation velit consectetur in excepteur mollit ut dolor cupidatat quis incididunt sed tempor dolore in in anim officia minim deserunt velit esse sed velit ullamco consectetur qui qui dolor occaecat magna fugiat quis consectetur sed in lorem consectetur in amet minim ut amet nostrud mollit ut in enim laborum anim aliqua ipsum eu non eu eiusmod cillum ut excepteur ut aliquip eu dolore incididunt occaecat ex occaecat cillum adipiscing dolor lorem et quis occaecat excepteur irure dolor sint quis aliquip officia nulla 
                            </div>
                          </div>

Fullheight
.e-verticalnav-fullheight

Lorem ipsum
Culpa eu culpa exercitation voluptate in consectetur voluptate amet veniam labore aliqua aliqua nisi incididunt duis exercitation ipsum ipsum sunt commodo laborum magna proident dolore ullamco irure cupidatat et excepteur fugiat consectetur minim aliqua amet laborum dolor adipiscing ut deserunt exercitation laborum pariatur veniam consectetur veniam lorem voluptate qui lorem irure id do ut laborum pariatur aliqua occaecat minim ullamco tempor ipsum aliquip minim duis nulla veniam velit pariatur ut labore voluptate in anim quis lorem officia consectetur exercitation ut nostrud culpa laboris quis occaecat nostrud laborum lorem do est ipsum minim elit duis duis adipiscing veniam commodo nulla in duis ut laboris magna tempor exercitation in officia consequat ullamco cillum id lorem in consectetur id veniam cillum sed minim excepteur amet sed et commodo cupidatat ut esse dolor sit ut in occaecat cillum occaecat sunt elit sint aliquip elit proident veniam voluptate amet duis pariatur ipsum proident ex incididunt exercitation sed dolor aliqua dolore adipiscing deserunt incididunt dolore ut voluptate commodo velit nulla veniam qui ut fugiat ea magna consequat cillum et aliquip dolor in ut aliquip ipsum ut ad fugiat ex excepteur ut aliquip mollit qui ipsum exercitation id dolore anim proident ad qui ut non dolor ut 
<div class="e-verticalnav e-verticalnav-fullheight">
  <e-verticalnav-menu>
    <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
    <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
    <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
  </e-verticalnav-menu>
  <div class="e-verticalnav__content">
    <div class="e-verticalnav__header">
      <div class="e-verticalnav__title">
        Lorem ipsum
      </div>
    </div>
    Sed tempor mollit sed eu consectetur commodo sint qui laborum nulla velit tempor eu ad dolor adipiscing lorem qui minim ullamco velit ad duis fugiat labore tempor laborum lorem cupidatat sed magna dolor consectetur elit ea dolore lorem quis commodo anim sed aute dolore commodo nostrud non est sed dolor aliquip dolor labore aliqua ipsum commodo ut deserunt magna occaecat sed cupidatat non exercitation commodo minim ipsum deserunt mollit laboris id reprehenderit aute in nisi commodo cillum ex mollit labore laboris pariatur dolore ut incididunt est laborum sint id ullamco laboris qui irure proident consequat voluptate velit officia anim sunt nulla in fugiat proident lorem elit dolore aliquip in enim occaecat cupidatat cupidatat ipsum cupidatat dolor mollit commodo nisi elit elit adipiscing aliqua sint laboris nulla voluptate ex laboris dolore aliquip enim sunt minim officia dolor nostrud reprehenderit nulla cillum nulla nulla fugiat irure dolore labore nulla ut cillum qui aliqua proident ex dolore et duis commodo in amet dolor consequat dolor ut esse sunt nulla ut ex exercitation magna velit esse deserunt est cupidatat id amet nulla id pariatur id cillum duis tempor esse et velit excepteur anim est in nostrud fugiat esse dolor dolor non in in adipiscing 
  </div>
</div>


                          <div class="e-verticalnav e-verticalnav-fullheight">
                            <e-verticalnav-menu>
                              <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
                              <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
                              <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
                            </e-verticalnav-menu>
                            <div class="e-verticalnav__content">
                              <div class="e-verticalnav__header">
                                <div class="e-verticalnav__title">Lorem ipsum</div>
                              </div>Reprehenderit mollit ut minim ullamco amet veniam sint laboris in ex tempor proident elit anim in sed eu occaecat culpa dolor ad cillum cillum do irure veniam sit elit in mollit dolor ut qui ut veniam est laborum sint officia consectetur in fugiat eu ullamco labore consequat adipiscing cupidatat magna ullamco sit culpa veniam cupidatat dolor elit ut occaecat lorem aliqua ipsum cillum voluptate aliquip incididunt ad dolore incididunt deserunt nostrud aliqua aliquip adipiscing aliqua laboris ipsum cillum esse occaecat fugiat culpa proident laborum fugiat sunt in nostrud ut ut pariatur duis ullamco enim mollit in ad in culpa fugiat anim cupidatat sit mollit ullamco officia in tempor dolore qui incididunt culpa qui non nostrud exercitation enim nostrud nostrud proident labore voluptate aliquip fugiat et ex nisi reprehenderit reprehenderit esse eu dolore aliqua ea consequat duis dolore mollit lorem ex cupidatat dolore aute in fugiat aliquip sed nisi enim commodo nisi quis non officia in voluptate qui sint cillum dolore anim cillum aliqua culpa dolore eiusmod excepteur ut dolor ea minim qui velit dolor reprehenderit id laborum ut aute anim amet sed ad et sit sit eiusmod eu consequat in ut id excepteur id dolor esse dolor velit incididunt est 
                            </div>
                          </div>

Without toggle button
no-toggle

Lorem ipsum
Non nulla consequat velit qui cillum enim nisi occaecat do ut in dolore mollit do aute deserunt mollit nostrud commodo ut culpa officia excepteur cillum officia nostrud laboris anim tempor nisi amet sunt eiusmod enim amet nulla exercitation dolor nisi cupidatat qui sint aliquip cillum qui nostrud ut veniam aute cillum id ut dolor labore sunt nostrud veniam ipsum ad mollit lorem irure laboris non cupidatat duis laborum duis cupidatat est excepteur fugiat ullamco cupidatat reprehenderit dolore esse consectetur deserunt laborum excepteur ex consectetur sit aliqua occaecat officia voluptate sunt sit non mollit commodo proident pariatur laboris consequat laboris in nostrud do tempor reprehenderit cillum id consectetur ea ullamco excepteur amet ex aute occaecat ut dolor irure irure enim reprehenderit ipsum fugiat consequat excepteur ea amet reprehenderit fugiat commodo adipiscing nulla cillum nisi nulla ea anim proident esse ut ex amet sint tempor laboris lorem ullamco dolore incididunt officia laborum eu reprehenderit ut nostrud quis est laboris sed occaecat consequat tempor adipiscing aliqua cillum ullamco aliqua nisi laboris aliqua eu exercitation ea sed eiusmod incididunt occaecat velit dolore reprehenderit cupidatat voluptate in culpa nulla laboris reprehenderit id commodo et qui sed magna non ut cillum ex sint aliqua duis laborum 
<div class="e-verticalnav">
  <e-verticalnav-menu no-toggle>
    <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
    <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
    <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
  </e-verticalnav-menu>
  <div class="e-verticalnav__content">
    <div class="e-verticalnav__header">
      <div class="e-verticalnav__title">
        Lorem ipsum
      </div>
    </div>
    Culpa id eiusmod fugiat minim anim voluptate aliqua amet esse consectetur cillum deserunt culpa cillum proident commodo in laboris eu et lorem ex duis culpa sunt labore aliqua irure amet cupidatat lorem dolore mollit eiusmod dolor dolore sint reprehenderit amet aliquip eu sint quis adipiscing pariatur dolor reprehenderit mollit ex in dolor culpa dolore dolore anim sunt duis sint voluptate deserunt excepteur exercitation ex ex proident in ex aliqua ut reprehenderit proident pariatur velit proident eu irure culpa eiusmod aute fugiat sit adipiscing irure ullamco minim lorem laboris culpa ut dolor aliquip tempor ex culpa amet officia sint nisi deserunt officia nostrud dolore consequat anim cupidatat consequat elit do ea in nulla ad aliqua nisi et labore aute tempor non dolore consectetur magna deserunt amet dolore proident fugiat irure labore in veniam incididunt dolor esse velit proident nulla anim esse voluptate esse ad deserunt ut proident exercitation magna fugiat quis ad dolor reprehenderit et magna ea cillum in in in qui magna lorem nostrud consequat ut officia tempor fugiat in nulla ipsum sunt ex exercitation ipsum enim aliqua deserunt ut excepteur ut aute consequat officia labore enim consectetur lorem aliquip commodo dolor officia deserunt minim consequat magna sit magna nulla 
  </div>
</div>


                          <div class="e-verticalnav">
                            <e-verticalnav-menu no-toggle>
                              <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
                              <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
                              <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
                            </e-verticalnav-menu>
                            <div class="e-verticalnav__content">
                              <div class="e-verticalnav__header">
                                <div class="e-verticalnav__title">Lorem ipsum</div>
                              </div>Dolore consectetur commodo dolore sint ut excepteur lorem mollit est proident ex dolor duis nisi in ipsum consequat proident est lorem lorem quis proident duis anim ea non ipsum reprehenderit sit ipsum in minim officia sit voluptate fugiat eiusmod consequat reprehenderit do sint elit tempor do ipsum dolor dolor fugiat lorem eiusmod culpa tempor minim irure veniam id incididunt quis sunt reprehenderit magna nulla nostrud fugiat cupidatat sunt in in eiusmod sunt ipsum ex cupidatat aliqua esse dolore eiusmod labore incididunt incididunt sed consectetur nisi irure in amet elit laboris ut laboris fugiat mollit sit in incididunt laboris commodo sint aliquip tempor dolor quis officia sunt cillum anim et dolore eu sunt commodo proident ut lorem magna sunt incididunt in ut voluptate enim dolor ut in officia qui in dolore et do mollit sed deserunt reprehenderit tempor velit esse enim do et deserunt ea labore excepteur officia excepteur dolor sit aliquip voluptate laboris magna nisi qui proident labore sint esse nostrud enim ut exercitation eu magna commodo deserunt nostrud dolore aute ea nisi sunt eu non ut ut tempor in ut do culpa ullamco laboris ex nulla duis aliqua nisi ut quis commodo exercitation aute mollit id nulla sit eiusmod 
                            </div>
                          </div>

Condensed
.e-verticaltab-condensed

Velit eu cupidatat lorem veniam aliquip ut dolor officia ea ex et aliquip est in ex veniam amet dolore adipiscing adipiscing deserunt laboris dolore sed eiusmod in ut ea adipiscing consectetur nostrud lorem voluptate pariatur sunt ut aliquip eu sit aliqua non dolore ut pariatur in ipsum ut ullamco ut ea sed consectetur quis ipsum sit sed consectetur aliquip irure ea eu eu tempor pariatur ex dolore dolore duis quis proident pariatur id duis incididunt ex nisi nisi nostrud ea exercitation incididunt exercitation pariatur culpa aute irure exercitation est tempor amet exercitation aute id lorem commodo lorem elit incididunt voluptate dolore cillum anim ut sed duis do sit ad ipsum laborum irure dolor irure quis ipsum eu anim deserunt tempor dolor laboris esse est ut velit minim occaecat ea incididunt dolore sint est quis ut eu dolor in quis reprehenderit dolor id id ut tempor sunt laborum ea ut anim sint ea magna non sed id exercitation in nulla proident elit adipiscing elit nisi ipsum commodo qui cupidatat cupidatat voluptate qui consequat sit voluptate mollit elit velit consectetur esse mollit elit exercitation fugiat elit et id laboris ut consequat adipiscing nostrud cillum in ut dolore nisi mollit exercitation elit consectetur 
<div class="e-verticalnav e-verticalnav-condensed">
  <e-verticalnav-menu id="verticalnav-unique-id">
    <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
    <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
    <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
  </e-verticalnav-menu>
  <div class="e-verticalnav__content">
    Minim lorem ea mollit ut anim incididunt occaecat pariatur amet enim sint cupidatat eu incididunt in exercitation anim dolore eu dolor deserunt qui et lorem quis dolor officia ullamco officia ex excepteur sunt tempor excepteur exercitation sint esse ut dolor exercitation sint pariatur ut nisi pariatur dolore excepteur sit voluptate ex culpa est anim commodo amet dolore velit culpa qui nulla dolore in minim et sint nostrud adipiscing ea ad sint mollit ad in enim nostrud nulla in nisi minim veniam mollit laboris do nisi labore amet veniam dolore duis ut non ex eiusmod laborum minim tempor qui ad nulla ullamco occaecat commodo mollit fugiat anim in qui occaecat adipiscing eu est magna consectetur labore non laboris consectetur culpa consectetur proident dolor dolor cupidatat velit occaecat dolore pariatur irure sunt aliqua in aliqua duis dolor consectetur consequat incididunt cillum adipiscing sint commodo ipsum cillum commodo sint anim quis in ex culpa aliqua anim et et elit ipsum consectetur ipsum fugiat irure nostrud velit sunt tempor enim officia irure id culpa officia fugiat labore ut consequat velit sint in occaecat minim amet cupidatat incididunt amet aliquip dolore ipsum ea veniam proident qui dolor qui ipsum laboris cupidatat sint aute do et 
  </div>
</div>


                        <div class="e-verticalnav e-verticalnav-condensed">
                          <e-verticalnav-menu id="verticalnav-unique-id">
                            <e-verticalnav-item icon="user" value="Dashboard" status="active" id="qwe"></e-verticalnav-item>
                            <e-verticalnav-item icon="mobile" value="Mobile reporting" status="disabled"></e-verticalnav-item>
                            <e-verticalnav-item icon="e-track" value="Link tracking"></e-verticalnav-item>
                          </e-verticalnav-menu>
                          <div class="e-verticalnav__content">Quis ex veniam ipsum eiusmod nisi enim magna lorem velit ut dolore voluptate ut irure voluptate occaecat cillum excepteur irure consectetur id irure pariatur culpa ex exercitation in nostrud sed lorem tempor sunt aliquip irure incididunt in velit elit lorem dolor officia quis in veniam proident et cillum incididunt anim sit nostrud sed velit voluptate adipiscing ex dolore aute elit officia duis consequat nisi culpa consectetur aliquip reprehenderit aute pariatur dolore ullamco occaecat proident cillum officia ut nostrud cillum est velit duis dolor in in labore qui id dolor aute deserunt commodo mollit ut laborum pariatur reprehenderit aliquip ut mollit incididunt consequat sunt aliqua in laborum eu sunt ut do et adipiscing fugiat non est aliqua esse aliqua ut nulla irure velit aute et consequat ad in ullamco ipsum aliquip reprehenderit consectetur id irure culpa ex sed irure officia ea ipsum pariatur ex tempor ea occaecat quis ad veniam id cupidatat et aute nostrud ullamco do laboris enim do ut quis proident nulla minim officia officia occaecat veniam voluptate anim pariatur in anim adipiscing cillum nostrud enim elit fugiat ad enim elit incididunt incididunt quis non eu in ad dolor ullamco aliqua qui dolor sint proident incididunt dolore nostrud culpa 
                          </div>
                        </div>

Last update

Message fix(verticalnav): Firefox overflow issue in content
Date:
()
Committer: Tamás Bíró
Component history