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

1. Insert a microsite landing page (right click on the area where you would like your microsite and insert HCC_Microsite_Landing)

 

2. Add pages to your microsite as normal (for a guide to microsites see microsite)

3. The link title of the page (in its properties) will be what appears in the navigation bar at the top of the microsite landing page

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