Description:
Display a hyperlink control on the form.
Inputs
- ID/Name - Name of widget generated by FlowWright
- Hyperlink Name - Enter description for hyperlink text
- URL - Enter the HTTP URL link
- Open Window - Click open the URL in the new window
- Hide - Select the checkbox to Hide (tick mark)
- Tool Tip - Enter information to display on mouse hover on form render
- Styles - Enter the CSS scripts for widget styles
- Apply Classes - Select between custom classes defined
- Save - Save the input values
- Delete - Remove this form widget from the designer page
- Close - Close the input popup window
Design:
Example:
Let’s build and execute the “hrefDef” example.
- Create a new form definition called “hrefDef,”
- Select the Open Designer checkbox and click the “Create” button
- Drag a Hyperlink widget to the canvas
- Double-click on the widget to configure the “Settings” properties. Provide a name to the control. Provide a URL to navigate to. Select the checkbox to open the target in a new window. Select the checkbox to hide the hyperlink during run time.
- Double-click on the widget to configure the “Styling” properties. Provide the style script. If the class was previously uploaded, select it from the drop-down list.
- Double-click on the widget to configure the “Other” properties. Provide the tooltip text.
- Click on the Save button and Close the popup window
- Navigate to the UI menu and preview the form. Click on the hyperlink. The page is rendered in a new tab.
- A sample graphic is shown below.
- The hyperlink widget can also be initialized through the JQuery expression as below.
$("#href1").attr('href', "http://www.google.com");
- Or, Use the UpdateVariable step to initialize the variable.URLpath (string) variable and use the JQuery expression as shown below.
e.URLpath = “http://www.google.com”
$("#href1").attr('href', variable.URLpath);