Display Options tabs vertically.

In the 'Options' view, show the tabs horizontally via bootstrap's
grid layout.
This commit is contained in:
Kyle Johnson 2015-02-02 15:33:40 -05:00
parent 32ca007f74
commit 8ba365b42f
1 changed files with 14 additions and 8 deletions

View File

@ -6,15 +6,21 @@
<div class="container-fluid">
<div class="container" ng-controller="ConfigController">
<ul class="nav nav-tabs" role="tablist" id="myTab">
<li role="presentation" ng-repeat="category in categories">
<div class="row">
<div class="col-md-2">
<ul class="nav nav-pills nav-stacked" role="tablist" id="myTab">
<li role="presentation" ng-repeat="category in categories" ng-class="{ 'active': (category.Config.Category == 'system') }">
<a href="#{{category.Config.Category}}" aria-controls="{{category.Config.Category}}" role="tab" data-toggle="tab">{{category.Config.Category}}</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="form-horizontal tab-pane" id="{{category.Config.Category}}" ng-repeat="category in categories" angular-html-bind="{{ category.Config.Category }}"></div>
</div>
<div class="col-md-10">
<div class="tab-content">
<div role="tabpanel" class="form-horizontal tab-pane" ng-class="{ 'active': (category.Config.Category == 'system') }" id="{{category.Config.Category}}" ng-repeat="category in categories" angular-html-bind="{{ category.Config.Category }}"></div>
</div>
</div>
</div> <!-- End .row -->
</div> <!-- End ConfigController -->
</div>