Hello All,
Thought I share this having spent an hour staring at terribly formatted HTML output (in order to keep it readable in the template) - I've managed to get the Bootsrap Dropdown Menu working with a nested pages loop, hope this is of use to people there (and thanks Kamran for pointing me in the right direction in the docs, which are excellent btw).
Thought I share this having spent an hour staring at terribly formatted HTML output (in order to keep it readable in the template) - I've managed to get the Bootsrap Dropdown Menu working with a nested pages loop, hope this is of use to people there (and thanks Kamran for pointing me in the right direction in the docs, which are excellent btw).
- Code: Select all
<div class="navbar span12">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#"><img src="assets/img/logo.png" alt="logo" width="345" height="80" /></a>
<div class="nav-collapse collapse">
<cms:nested_pages masterpage='index.php' extended_info='1' >
<cms:if k_level_start >
<cms:if k_level='0'>
<ul class="nav pull-right">
<cms:else />
<ul class="dropdown-menu">
</cms:if>
</cms:if>
<cms:if k_element_start>
<li class="<cms:if k_is_active>active</cms:if><cms:if k_total_children> dropdown</cms:if>">
<a href="<cms:show k_menu_link />" <cms:if k_total_children>class="dropdown-toggle" data-toggle="dropdown"</cms:if>><cms:show k_menu_title /> <cms:if k_total_children><b class="caret"></b></cms:if></a>
</cms:if>
<cms:if k_element_end></li></cms:if>
<cms:if k_level_end></ul></cms:if>
</cms:nested_pages>
<form class="navbar-search pull-right visible-phone" role="search" method="get" id="searchform" action="#">
<div class="input-append input-prepend">
<span class="add-on"><i class="icon-search"></i></span>
<input name="s" class="span2 search-query" id="search" type="text" autocomplete="on" placeholder="Search" data-provide="typeahead" data-items="4" data-source=''>
<button class="btn btn-primary" type="submit">Find</button>
</div>
</form>
</div><!--/.nav-collapse -->
</div>
</div>
</div>