Difference between revisions of "Navigation Widget"
From unroole CMS wiki
(Created page with "<noinclude> {{for|more information|Widgets}}{{TOC right}}</noinclude>{{Css Image Crop |Image = Navigation Widget In Action.png |bSize = 300px |cWidth = 300 |cHeight = ...") |
|||
(2 intermediate revisions by one user not shown) | |||
Line 9: | Line 9: | ||
}} | }} | ||
− | + | Navigation Widget provides a simple way to display and change navigations for your website. | |
{{clear}} | {{clear}} | ||
− | + | = Management = | |
− | To manage the navigation widget in the admin section you need to switch to advance mode by clicking on the link "Switch to advanced mode" at the right of the top navigation bar. | + | |
+ | {{Css Image Crop | ||
+ | |Image = Navigation Admin.png | ||
+ | |bSize = 300px | ||
+ | |cWidth = 300 | ||
+ | |cHeight = 167 | ||
+ | |Location = right | ||
+ | |Description = Navigation section tabs and expanded parent item. | ||
+ | }} | ||
+ | |||
+ | To manage the navigation widget in the admin section you need to switch to advance mode by clicking on the link "Switch to advanced mode" at the right of the top navigation bar. The navigation items can be divide into two section: header and footer. You can navigate by clicking on the tabs "Header" and "Footer" to view the corresponding items. Additionally, parent navigation items can be expanded to see their children. | ||
+ | |||
+ | == Creation == | ||
− | |||
To create a navigation item: | To create a navigation item: | ||
Line 24: | Line 35: | ||
# Click on 'Submit' to complete the creation. | # Click on 'Submit' to complete the creation. | ||
− | + | == Update == | |
+ | |||
To update a navigation item: | To update a navigation item: | ||
# Navigate to 'Navigation' under 'Widget Management'. | # Navigate to 'Navigation' under 'Widget Management'. | ||
− | # | + | # Find the item in the list and click on the corresponding 'Edit' icon. |
# Complete the mandatory fields. | # Complete the mandatory fields. | ||
# Click on 'Submit' to complete the update. | # Click on 'Submit' to complete the update. | ||
− | + | == Removal == | |
To remove a navigation item: | To remove a navigation item: | ||
# Navigate to 'Navigation' under 'Widget Management'. | # Navigate to 'Navigation' under 'Widget Management'. | ||
− | # | + | # Find the item in the list and click on the corresponding 'Delete' icon. |
# You will be prompted to confirm the item deletion. Click 'Ok' to finalize the deletion. | # You will be prompted to confirm the item deletion. Click 'Ok' to finalize the deletion. | ||
− | |||
{{clear}} | {{clear}} | ||
+ | = Properties = | ||
− | |||
In the [[Layout Editor]], navigation widget have these properties: | In the [[Layout Editor]], navigation widget have these properties: | ||
{{Css Image Crop | {{Css Image Crop | ||
Line 68: | Line 79: | ||
| Type in a custom class, or mutiple classes seperated. These classes can then be used in CSS and Javascript to change the style and behaviour of this gallery. | | Type in a custom class, or mutiple classes seperated. These classes can then be used in CSS and Javascript to change the style and behaviour of this gallery. | ||
|} | |} | ||
− | |||
− | |||
− | |||
{{clear}} | {{clear}} |
Latest revision as of 09:51, 9 October 2012
For more information, see Widgets.
Navigation Widget provides a simple way to display and change navigations for your website.
Management
To manage the navigation widget in the admin section you need to switch to advance mode by clicking on the link "Switch to advanced mode" at the right of the top navigation bar. The navigation items can be divide into two section: header and footer. You can navigate by clicking on the tabs "Header" and "Footer" to view the corresponding items. Additionally, parent navigation items can be expanded to see their children.
Creation
To create a navigation item:
- Navigate to 'Navigation' under 'Widget Management'.
- Click on 'Add Nav Item'.
- Complete the mandatory fields.
- Click on 'Submit' to complete the creation.
Update
To update a navigation item:
- Navigate to 'Navigation' under 'Widget Management'.
- Find the item in the list and click on the corresponding 'Edit' icon.
- Complete the mandatory fields.
- Click on 'Submit' to complete the update.
Removal
To remove a navigation item:
- Navigate to 'Navigation' under 'Widget Management'.
- Find the item in the list and click on the corresponding 'Delete' icon.
- You will be prompted to confirm the item deletion. Click 'Ok' to finalize the deletion.
Properties
In the Layout Editor, navigation widget have these properties:
Name | Description |
---|---|
Section | Choose the section where you want the navigation to be at. |
Custom Id | Type in a custom id. This id can then be used in CSS and Javascript to change the style and behaviour of this gallery. |
Custom Classes | Type in a custom class, or mutiple classes seperated. These classes can then be used in CSS and Javascript to change the style and behaviour of this gallery. |