search

yalabot / angular-foundation

http://pineconellc.github.io/angular-foundation/
Other
1.05k stars 267 forks source link

Split vertical tab menu and content #254

Closed NeXTs closed 8 years ago

NeXTs commented 9 years ago

Hello

I'd like to split vertical tab menu and content to separate columns.

<div class="row">

  <div class="medium-3 small-4 columns">
    <dl class="vertical tabs" data-tab="">
      <dd class="active"><a href="#grid">The Grid</a></dd>
      <dd><a href="#colors">Colors</a></dd>
    </dl>
  </div>

  <div class="medium-9 small-8 columns">
    <div class="tabs-content">
      <section class="content active" id="grid">...</section>
      <section class="content" id="colors">...</section>
    </div>
  </div>
</div>

I'm not sure how to do that with syntax from example.

<tabset vertical="true" type="navType">
  <tab heading="Vertical 1">Vertical content 1</tab>
  <tab heading="Vertical 2">Vertical content 2</tab>
</tabset>