Vertical Menu Wizard screen

Shows a vertical menu on a custom page.

Video: Advanced Page Builder Features

Examples

(Example) Vertical Menu Widget in Page Builder
Examples - Step-by-step use case examples, information about what types of examples are provided in the AgilePoint NX Product Documentation, and other resources where you can find more examples.

Prerequisites

AgilePoint NX OnDemand (public cloud), or AgilePoint NX PrivateCloud or AgilePoint NX OnPremises v7.0 or higher.

How to Start

Click Build Pages .
On the Pages screen, do one of these:
- Create a Custom Page.
  1. Click Add Row.
- Open a custom page
  1. Click the bottom horizontal line of the row or right side vertical line of the row or column.
  2. Click Add .
Click Add Widget.
On the Pick a Widget screen, on the Layout tab, click Vertical Menu .

Fields

Field Name	Definition
Menu	Function: Specifies the vertical menu from the list. This field shows the display name of menu you created in the Page Builder.
Set Full Height	Function: Specifies whether the menu to take up the full height available. Accepted Values: On - The menu to take up the full height available. Off - Specify the menu height manually. Default Value: On
Menu Height	Function: Specifies the height of the vertical menu in pixels. To Open this Field: Turn off the Set Full Height field. Accepted Values: A positive integer. Default Value: 300
Set Full Width	Function: Specifies whether the menu to take up the full width available. Accepted Values: On - The menu to take up the full width available. Off - Specify the menu width manually. Default Value: On
Menu Width	Function: Specifies the width of the vertical menu in pixels. To Open this Field: Turn off the Set Full Width field. Accepted Values: A positive integer. Default Value: 200
Text Color	Function: Specifies the label text color for the menu item. Accepted Values: A color value using a hex code, RGB code, or RGBA code. You can enter a color code, or select a color from the palette. Default Value: ffffff Example: #ff0000 #183048 #e16229 rgb(25,151,66) rgba(87,177,201,2)
Main Menu Background Color	Function: Specifies the background color for the main menu. Accepted Values: A color value using a hex code, RGB code, or RGBA code. You can enter a color code, or select a color from the palette. Default Value: 54544c Example: #ff0000 #183048 #e16229 rgb(25,151,66) rgba(87,177,201,2)
Main Menu Background Image URL	Function: Specifies the URL of an image file to set as a background for the main menu. Accepted Values: A string in URL format that points to an image file. The file can be one of these types: .png .jpg .jpeg .gif .bmp .tif Default Value: None Example: https://mysite.com/demo/image/upload/Sample.jpg Limitations: .jpeg and .tif format files are permitted, and .bmp format files are not permitted in these releases: AgilePoint NX OnDemand (public cloud), or AgilePoint NX PrivateCloud or AgilePoint NX OnPremises v7.0 Software Update 1 or higher.
Main Menu Background Repeat	Function: Specifies whether the background image of the main menu is repeated. Accepted Values: Don't Repeat - The background image does not repeat. The image shows one time. Repeat Mode - The background image repeats both vertically and horizontally. Repeat Horizontally - The background image repeats horizontally. Repeat Vertically - The background image repeats vertically. Default Value: Don't Repeat
Submenu Background Color	Function: Specifies the background color for the submenu. Accepted Values: A color value using a hex code, RGB code, or RGBA code. You can enter a color code, or select a color from the palette. Default Value: 54544c Example: #ff0000 #183048 #e16229 rgb(25,151,66) rgba(87,177,201,2)
Submenu Background Image URL	Function: Specifies the URL of an image file to set as a background for the submenu. Accepted Values: A string in URL format that points to an image file. The file can be one of these types: .png .jpg .jpeg .gif .bmp .tif Default Value: None Example: https://mysite.com/demo/image/upload/Sample.jpg Limitations: .jpeg and .tif format files are permitted, and .bmp format files are not permitted in these releases: AgilePoint NX OnDemand (public cloud), or AgilePoint NX PrivateCloud or AgilePoint NX OnPremises v7.0 Software Update 1 or higher.
Submenu Background Repeat	Function: Specifies whether the background image of the submenu is repeated. Accepted Values: Don't Repeat - The background image does not repeat. The image shows one time. Repeat Mode - The background image repeats both vertically and horizontally. Repeat Horizontally - The background image repeats horizontally. Repeat Vertically - The background image repeats vertically. Default Value: Don't Repeat
Menu State	Function: Specifies the status of the menu item when a user views the page at runtime. Accepted Values: Idle - The menu item stays static. Hover - Selects menu item when you mouse over it. Active - The menu item is highlighted. So, the user can see that he is now at this page. Default Value: Idle
Font Family	Function: Specifies the font family for your menu item. Accepted Values: A font name from the list. Default Value: None Limitations: The Font Family field is available in these releases: AgilePoint NX OnDemand (public cloud) AgilePoint NX PrivateCloud or AgilePoint NX OnPremises v7.0 Software Update 2 or higher
Font Size	Function: Specifies the font size in pixel for your menu item. Accepted Values: A positive integer. Default Value: None Limitations: The Font Size field is available in these releases: AgilePoint NX OnDemand (public cloud) AgilePoint NX PrivateCloud or AgilePoint NX OnPremises v7.0 Software Update 2 or higher
Bold	Function: Specifies whether the menu item is bold. Accepted Values: On - Shows the menu item in bold. Off - Shows the menu item in normal font weight. Default Value: Off Limitations: The Bold field is available in these releases: AgilePoint NX OnDemand (public cloud) AgilePoint NX PrivateCloud or AgilePoint NX OnPremises v7.0 Software Update 2 or higher
Italic	Function: Specifies whether the menu item of your menu is italic. Accepted Values: On - Shows the menu item in italic. Off - Does not show the menu item in italic. Default Value: Off Limitations: The Italic field is available in these releases: AgilePoint NX OnDemand (public cloud) AgilePoint NX PrivateCloud or AgilePoint NX OnPremises v7.0 Software Update 2 or higher
Underline	Function: Specifies whether the menu item is underlined. Accepted Values: On - Shows the menu item underlined. Off - Shows the menu item with no underline. Default Value: Off Limitations: The Underline field is available in these releases: AgilePoint NX OnDemand (public cloud) AgilePoint NX PrivateCloud or AgilePoint NX OnPremises v7.0 Software Update 2 or higher
Menu Item Foreground Color	Function: Specifies the foreground color for your menu item. Accepted Values: A color value using a hex code, RGB code, or RGBA code. You can enter a color code, or select a color from the palette. Default Value: F0FFFF Example: #ff0000 #183048 #e16229 rgb(25,151,66) rgba(87,177,201,2)
Menu Item Background Color	Function: Specifies the background color for your menu item. Accepted Values: A color value using a hex code, RGB code, or RGBA code. You can enter a color code, or select a color from the palette. Default Value: #54544C Example: #ff0000 #183048 #e16229 rgb(25,151,66) rgba(87,177,201,2)
Add	Function: Adds the widget to your custom page.