DmitryEfimenko / TwitterBootstrapMvc

Fluent implementation of ASP.NET-MVC HTML helpers for Twitter Bootstrap.
Apache License 2.0
223 stars 79 forks source link

Nav-pills nav-stacked and Tabs #358

Open hammayo opened 9 years ago

hammayo commented 9 years ago

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

DmitryEfimenko commented 9 years ago

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.

hammayo commented 9 years ago

Thanks - That would be great!!