Difference between revisions of "Navigation Widget"

From unroole CMS wiki
Jump to: navigation, search
(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:
 
}}
 
}}
  
Gallery Widget provides a simple way to display and change navigations for your website.
+
Navigation Widget provides a simple way to display and change navigations for your website.
  
 
{{clear}}
 
{{clear}}
  
== Management ==
+
= 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 ==
  
=== 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 ===
+
== Update ==
 +
 
 
To update a navigation item:
 
To update a navigation item:
  
 
# Navigate to 'Navigation' under 'Widget Management'.
 
# Navigate to 'Navigation' under 'Widget Management'.
# Click on the 'Edit' icon at the end of the row for the item you want edit.
+
# 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 ===
+
== Removal ==
 
To remove a navigation item:
 
To remove a navigation item:
  
 
# Navigate to 'Navigation' under 'Widget Management'.
 
# Navigate to 'Navigation' under 'Widget Management'.
# Click on the 'Delete' icon at the end of the row for the item you want delete.
+
# 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 =
  
== 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

Navigation Widget In Action.png

Using navigation widget to display a navigation.

Navigation Widget provides a simple way to display and change navigations for your website.

Management

Navigation Admin.png

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:

  1. Navigate to 'Navigation' under 'Widget Management'.
  2. Click on 'Add Nav Item'.
  3. Complete the mandatory fields.
  4. Click on 'Submit' to complete the creation.

Update

To update a navigation item:

  1. Navigate to 'Navigation' under 'Widget Management'.
  2. Find the item in the list and click on the corresponding 'Edit' icon.
  3. Complete the mandatory fields.
  4. Click on 'Submit' to complete the update.

Removal

To remove a navigation item:

  1. Navigate to 'Navigation' under 'Widget Management'.
  2. Find the item in the list and click on the corresponding 'Delete' icon.
  3. 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:

Navigation WIdget Property.png

Property panel for Navigation Widget
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.