Description:

This widget creates menus for Forms.

Design:

Example: 

Let’s build and execute the “MenuWidgetDef” example.  

• Create a new Form Definition called “MenuWidgetDef.” 
• Drag a “MenuWidget” to the canvas and arrange it as shown below.

• Double-click the widget to configure the inputs as shown below. Click the Menu List (+) button to add an empty row. Enter the menu name and URL. Choose the display position from the drop-down menu. Select the radio button to activate this menu when the Form appears. You can add multiple menus using the Menu List button. Click the red (x) icon to remove a menu from the setup. Finally, click the Save button.  

• A sample Form with a menu widget can be built using images, lines, and background colors, and will appear as shown in the designer's view below.

• A sample menu link is displayed below.

RenderForm.aspx?formDefID=a38780a0-716e-4f9f-b914-6692fef70c10&displayHeader=no

• Save the Form Definition. Choose Actions > Create Form Instance. Generate a new Form Instance, then check the box to edit it.

• The Form is shown to the user below. The page displays the configured menu and form controls.  

Definition Sample:

You may download and extract the sample definition(s) from the link provided and later import them (drag-and-drop) into your FlowWright Process Definition (XML file) or Form Definition (HTML file) page.

Note: Please verify and complete the process steps for any missing configurations, such as file path references and database connections, after the import. Then, save the definition to confirm the changes.

Click here to download the sample file.