Horizontal Menu Wizard screen

Shows a horizontal menu on a custom page.

Video: Advanced Page Builder Features

Examples

(Example) Horizontal 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 Horizontal Menu .

Fields

Field Name	Definition
Menu	Function: Specifies the horizontal menu from the list. This field shows the display name of menu you created in the Page Builder.
Brand Logo	Function: Specifies whether to add a logo on your menu. Accepted Values: On - Adds a logo on your menu. Off - You can not add a logo on your menu. Default Value: Off
Logo URL	Function: Specifies the URL for your logo image file to show on the menu. To Open this Field: On the Horizontal Menu screen, turn on the Brand Logo field. 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.
Menu Height	Function: Specifies the height of the horizontal menu in pixels. Accepted Values: A positive integer. Default Value: 35
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.