TwitterBootstrapMvc icon indicating copy to clipboard operation
TwitterBootstrapMvc copied to clipboard

Nav-pills nav-stacked and Tabs

Open hammayo opened this issue 10 years ago • 2 comments

Hello,

Is there a way to generate the following output with BMVC?

<div class="row">
    <div class="col-md-2">
        <ul class="nav nav-pills nav-stacked" id="tabs">
            <li class="active"><a href="#tab_pd" data-toggle="pill">Property Details</a></li>
            <li><a href="#tab_ad" data-toggle="pill">Additional Details</a></li>
        </ul>
    </div>

    <div class="col-md-10">
        <div class="tab-content">
            <div class="tab-pane active" id="tab_pd">
                <h4>Property details Form</h4>
                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
                    ac turpis egestas.</p>
            </div>
            <div class="tab-pane" id="tab_ad">
                <h4>Additional details Form</h4>
                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
                    ac turpis egestas.</p>
            </div>
        </div><!-- /tab content -->
    </div>
</div>

I tried using: @using(var nav = Html.Bootstrap().Begin(new Nav().Style(NavType.Pills).Stacked())) but unable to produced above output

Regards Hammayo

hammayo avatar Jan 23 '15 16:01 hammayo

yeah, this would require some sort of a combination of helpers for Tabs and Nav. However, currently Tabs helper cannot be used without specifying the tab names, which is what you are doing using Navs.

Anyway, long story short, BMVC does not support this currently. I might consider rewriting Navs and Tabs in the future to make them more flexible.

DmitryEfimenko avatar Jan 23 '15 20:01 DmitryEfimenko

Thanks - That would be great!!

hammayo avatar Jan 25 '15 16:01 hammayo