Skip to main content
Logo
There is a newer version of Contensis. Click to find out more and download the latest version.

Local view menu (unordered list)

The local view menu (unordered list) control will create a semantically structured menu showing the folder hierarchy for the current page, starting from a root folder specified in the control.

Inserting the control

Right click within the working area of the page then select the following menu options:

Insert web control > Navigation > Local view menu (unordered list)

Example of the output HTML

This example is a stripped down version of the HTML produced by the web control, non structural elements such as the title="" attribute have been removed for clarity.

Typical folder structure

└── Root folder
    └── Parent folder
        └── Current folder
            ├── item-one.aspx
            ├── item-two.aspx
            ├── item-three.aspx
            └── item-four.aspx

Rendered HTML

<ul class="sys_localviewmenu sys_home">
    <li>
        <div class="sys_selected">
            <a href="/root/root-homepage.aspx">Root folder</a>
        </div>
        <ul class="sys_parent-folder">
            <li>
                <div class="sys_selected">
                    <a href="/root/parent/parent-homepage.aspx">Parent folder</a>
                </div>
                <ul class="sys_parent-folder">
                    <li>
                        <div class="sys_selected">
                            <a href="/root/parent/current/current-homepage.aspx">Current folder</a>
                        </div>
                        <ul class="sys_current-folder">
                            <li class="sys_first sys_selected">
                                <a href="/root/parent/current/item-one.aspx">Item one - current item</a></li>
                            <li>
                                <a href="/root/parent/current/item-two.aspx">Item two</a></li>
                            <li>
                                <a href="/root/parent/current/item-three.aspx">Item three</a></li>
                            <li class="sys_last">
                                <a href="/root/parent/current/item-four.aspx">Item four</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

CSS classes

The following CSS classes are rendered by the control.

ClassDescription of usage
.sys_localviewmenu The primary selector identifying the control.
.sys_parent-folder Each parent folder <ul> is identified by this class.
.sys_current-folder The current folder <ul> is identified by this class.
.sys_selected The selected state of each folder and when a list item is selected.
.sys_first The first list item <li> of the current folder list is assigned this class.
.sys_last The last list item <li> of the current folder list is assigned this class.

Properties

The properties for the control are set initially when inserting the control into the page, but can be amended at any later date by simply right clicking on the control to display the Web control Editor window.

Behaviour

Root folder

Use this setting to specify what folder should be used to start the local view menu. When no root folder is specified the root of your site will be used.

Show root folder first level children

If checked, this setting determines if folders and pages at the root level are shown, indicated by (First level child) in the example below.

├── Contensis (Root folder)
│   ├── 11.0 (First level child)
│   ├── 11.2 (First level child)
│   ├── 11.3 (First level child)
│   └── 11.4 (First level child)
│       └── kb (Parent folder)
│           └── templates-and-design (Parent folder)
│               └── web-controls (Current folder)
│                   ├── Item.aspx (Current item)
│                   ├── Item.aspx
│                   └── Item.aspx
├── whats-new.aspx (First level child)
└── privacy-policy.aspx (First level child)

Standard options

ID

The name field is used to identify the control on the page. Each use of a control on a page must have a unique name. The name can not contain any punctuation.