Loading ...

Navigation Widget | Communifire Documentation

Home » communifire documentation » Wiki » Documentation » Control Panel » System » Page Builder » Page Builder Widgets » Navigation Widget
Communifire Documentation  Wiki
Public Space
Activity Stream Content
Version 4

Navigation Widget

0 
 /5
0 (0votes)

Build menus on a Page Builder page or in the header using the Navigation widget.

Use the navigation widget to build a menu on a Page Builder page or in the header.

  • Title: The widget title appears at the top of the widget.
  • Alphabetical sorting: Check to automatically alphabetize the navigation items.

Navigation Item

Property Description
Icon An icon for the navigation item.
Title The title of the navigation item.
Item type The navigation item type. See the table below for more details.
Item Type Description
URL The page the navigation item links to.
Paste a link to content to automatically populate a content item.
Group A group of navigation items. Drag other navigation items into the group. Set the following:
Alphabetical sorting: Check to automatically alphabetize the items in the group.
Use logged in user's first name as widget title: Check to use the user's first name as the group header.
Sub menu An expandable menu of navigation items. Drag other navigation items into the sub menu. Set the following:
Alphabetical sorting: Check to automatically alphabetize the items in the sub menu.
Use logged in user's first name as widget title: Check to use the user's first name as the sub menu header.
Content List A link to the content type page of a space. Set the following:
Space - The space to link to
Content type - The content in the space to link to
Content Search for content.
Create A link to create a specific content type. Set the following:
Space - The space to create content in. Select Not Specified to open the select space modal.
Content type - The content type to create
Personal A personal page. Select the type. (E.g. my Activity Stream, Bookmarks, Calendar, etc.).
Javascript Code to run.

Navigation Item — Advanced

Field Description
Custom CSS class A CSS class to append to the navigation item.
Open in new tab Check to open the link in a new tab.
Show button text Check to display the navigation item title as the text
Use logged in user's avatar as foreground image Check to use the user's avatar as the foreground image. (Requires a template that uses {{Contents.ForegroundImageURL}})
Use logged in user's first name as widget title Check to display the user's first name as the navigation item text.
Show pending count Check to show the number of pending items.
Note: Only available for the Personal type - Connections, Required Reading, and Workflow.
Foreground image Upload an image to use as the foreground image. (Requires a template that uses {{Contents.ForegroundImageURL}})
Background image Upload an image to use as the background image. (Requires a template that uses {{Contents.BackgroundImageURL}})

Add Navigation Item

Save Navigation Item

Edit Navigation Item

Delete Navigation Item

While editing the navigation item:

After saving the navigation item:

Template

Block Navigation List Template 

Default Unordered List Template 

Default Unordered List Group Template 

Dropdown Menu Template 

Dropdown Section Template 

Dropdown Sub Menu Template 

Launch Pad 1 Template 

Nav - Banner Navigation Template 

Nav - Icon Blocks (2 Column) Template 

Nav - Icon Blocks (Pills) Template 

Nav - Icon Blocks (Wide) Template 

Nav - Image Blocks Template 

Zeppelin Header - Icon Blocks Template 

Zeppelin Header - Icon Blocks Group Template 

Navigation Item Templates

Block Navigation List Item Template 

Button Template 

Default Unordered List Template 

Hyperlink Template 

Image Link Template 

Launch Pad 1 List Item Template 

Nav - Banner Navigation Item Template 

Nav - Icon Blocks Item Template 

Nav - Image Blocks Item Template 

Tab Template 

Zeppelin Header - Block Item Template 

Advanced

Field Description
Icon Select an icon to display with the widget (Requires a template that uses {{IconCSSClass}})
Custom CSS class A CSS class to append to the widget
Show Header Check to show the widget's header, which includes the title
Show Footer Check to show the widget's footer
Hide Container Border Check to hide the widget's border
Use logged in user's first name as widget title Check to display the user's first name as the widget title

Roles

Choose the roles that can view this widget.

Comments (no comments yet)

Add a new comment

Wiki Index

Pages

Intranet Software