[TAP5-2303] Navigation control in Layout component not rendering properly 5.4beta3 quickstart app

• Type: Bug
• Status: Closed
• Priority: Minor
• Resolution: Fixed
• Affects Version/s: 5.4
• Fix Version/s: 5.4
• Component/s: quickstart
• Labels: newbie
• Assignee: Jochen Kemnade
• Reporter: Jonathan Williams
• Created: 17/Mar/14 16:02
• Updated: 29/Apr/14 09:24
• Resolved: 29/Apr/14 09:24

Description

I am running the 5.4 beta 3 tapestry quickstart app.
The navigation on the UI is not rendering properly.
I am new to bootstrap, so I was hoping the quickstart bootstrap would be all working.

from Layout.tml...
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-header">
<div class="container">
<button type="button" class="btn navbar-btn" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<t:pagelink page="index" class="brand">shop</t:pagelink>
<div class="nav-collapse collapse">
<ul class="nav">
<t:loop source="pageNames" value="pageName">
<li class="prop:classForPageName">
<t:pagelink page="prop:pageName">${pageName}</t:pagelink>
</li>
</t:loop>
</ul>
<span class="pull-right">
<t:pagelink page="login">
<button type="submit" class="btn">Sign in</button>
</t:pagelink>
</span>

</div><!--/.nav-collapse -->
</div>
</div>
</div>

See attached screen shot to see the small grey inert box at the left of the page header...
This is all the nav does. A static grey box for navigation. It is not behaving properly.

I tested in Chrome and Firefox on OSX and the navigation in the tapestry 5.4beta3 quickstart app is broken.

=============================