Navigation bar

Navigation menu on a microsite

Overview
The navigation bar is a type of navigation that is only used in microsites. In order to use the navigation bar, a microsite template needs to have been used. This template will automatically have a navigation bar which will be populated with each immediate child page of that microsite.
Example
WCMS use
MVC.net use
Code

<div class="navbar-inner">
                    <ul class="nav show-on-phones">
                        <li>
                            <a title="privacy and cookies" data-ismenu="yes" data-menu-position="left" data-link-for="local_menu_header">
                                <i class="icon-core stack"></i> Microsite test
                            </a>
                        </li>
                    </ul>
                    <ul class="nav show-on-tablets-and-desktops nav-seperated" id="local_menu_header">
                            <li class="dropdown">
                                <a class="dropdown-toggle" href="https://dev-www.hants.gov.uk/Ravleen-microsite-test/HCC_Guide">
                                    HCC_Guide
                                        <b class="caret show-on-desktops"></b>
                                </a>
                                    <ul class="dropdown-menu remove-sides">
                                            <li><a href="https://dev-www.hants.gov.uk/Ravleen-microsite-test/HCC_Guide/HCC_Guide">HCC_Guide</a></li>
                                    </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" href="https://dev-www.hants.gov.uk/Ravleen-microsite-test/HCC_Landing">
                                    HCC_Landing
                                        <b class="caret show-on-desktops"></b>
                                </a>
                                    <ul class="dropdown-menu remove-sides">
                                            <li><a href="https://dev-www.hants.gov.uk/Ravleen-microsite-test/HCC_Landing/HCC_Guide">HCC_Guide</a></li>
                                    </ul>
                            </li>
                            <li>
                                <a href="https://dev-www.hants.gov.uk/Ravleen-microsite-test/Test">
                                    Test
                                </a>
                            </li>
                    </ul>
                </div> 
Version and status
  • 1
  • current version
  • Concept
  • Alpha
  • Beta
  • Release