This repository was archived by the owner on Jan 11, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 77
This repository was archived by the owner on Jan 11, 2018. It is now read-only.
Strange rendering behavior in partial views #50
Copy link
Copy link
Open
Labels
Description
Hello. I don't know why FluentBootstrap have weird behavior when using partial views (maybe, because of using using construct in a parent view)
When i pass ComponentWrapper to partial (and MvcBootstrapHelper, just in case) and using it in partial, i get:
Code: (I know that code was in #49 issue, but here it will come in handy)
@{
var bs = Model.bs as FluentBootstrap.Mvc.MvcBootstrapHelper<dynamic>;
var navbarCollapse = Model.navbarCollapse as ComponentWrapper<FluentBootstrap.Mvc.MvcBootstrapConfig<dynamic>, FluentBootstrap.Navbars.NavbarCollapse>;
}
using (var navbarRight = navbarCollapse.NavbarNav().SetRight().Begin())
{
@navbarRight.NavbarLink("Register", "Register", "Account").SetId("register-link")
@navbarRight.NavbarLink("Login", "Login", "Account").SetId("login-link")
}Further goes html code (nav):
<nav role="navigation" id="navbar" class="navbar navbar-default navbar-fixed-top navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a href="/" class="navbar-brand">Brand</a>
<button type="button" data-toggle="collapse" aria-expanded="false" data-target="#navbar-collapse" class="navbar-toggle collapsed">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar-collapse" class="navbar-collapse collapse">
<!-- This code produced by Layout and it's ok -->
<ul class="nav navbar-nav navbar-left">
<li>
<a href="/">Main</a>
</li>
<li>
<a href="/Products">Products</a>
</li>
</ul>
<!-- And this code produced by partial and it's weird (look at li elements that outside ul) -->
<ul class="nav navbar-nav navbar-right">
</ul>
<li>
<a href="/Account/Register" id="register-link">Register</a>
</li>
<li>
<a href="/Account/Login" id="login-link">Login</a>
</li>
</div>
</div>
</nav> and sorry for my not good (bad, for now) english
Reactions are currently unavailable