Skip to content
This repository was archived by the owner on Jan 11, 2018. It is now read-only.
This repository was archived by the owner on Jan 11, 2018. It is now read-only.

Strange rendering behavior in partial views #50

@snipervld

Description

@snipervld

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

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions