Link

This component is a hyperlink.

Tips

Tips

It can also be set as the destination for file manager file downloads.

Properties

UI Dialog

Item	Input value	Option	Default value
ID	string		automatic
Label	string		Link
Width	string		222
Height	string		40
X	string
Y	string
Color	string color picker
Font Size	number		16
Bold	boolean	• on • off	• off
Italic	boolean	• on • off	• off
Underline	select	• Always • Hover • None	Always
Visibility	boolean	• on • off	on
Click Event	string	• None • Action • NEXT UI • Value • WINDOW • Download	URL
NEXT UI	Select	• None • Application UI
URL	string
File Path	string

Action

Item	Properties	Data Type	Options	Default value
ID	id	string		automatic
Label	label	string		Link
Width	width	string		222
Height	height	string		40
X	x	string
Y	y	string
Color	color	string
Font Size	fontSize	number		16
Bold	bold	boolean	• true • false	false
Italic	italic	boolean	• true • false	false
Underline	underline	string	• always • hover • none	always
Visibility	visibility	boolean	• true • false	true
NEXT UI	nextUi	string
URL	value	string
File Path	download	string

Tips

Tips

• The "id" property cannot be set by an action.
• The unit for font size (fontSize) is px.Event
• Do not set the authentication UI to "NEXT UI". Note that setting the authentication UI to "NEXT UI" may result in incorrect operation.
• The following can be entered for the "Width" and "Height" property values.
  If you want to display in px, specify only numerical values; if you want to display in %, specify % as the unit. Operation will not be supported if you enter anything other than the following.
  • number
  • number%
  • calc() function
• The following can be entered for the [X] and [Y] property values.
  If you want to display in px, specify only numerical values.
  Operation will not be supported if you enter anything other than the following.
  • number
  • calc() function
• The calc() function is a CSS function that enables calculations. (e.g. calc(100% - 30px))
  The units that can be used with the calc() function are "%" and "px". Other units (e.g., em, rem, etc.) are not supported.
• When the calc() function is used to specify the size, the appearance in the editor may differ from the appearance in the application.
  Please confirm using the preview.
• If "WINDOW" is selected for "Click Event", "Window Action" will appear in the context menu, and "Open" and "Close" actions can be defined.
  For details, see "[Details 1] External Service Site Integration" below.

[Details 1] External Service Site Integration

External Service Site Integration with WebPerformer-NX is possible with the following specifications

• If a callback URL is specified, the user will be redirected to that URL after processing the external service site.
• When migrating to a callback URL, pass data to the callback URL using query parameters

The definition procedure for External Service Site Integration that conforms to the above specifications is as follows

1. Select "WINDOW" in "Click Event"
2. Set the URL for the transition to the external service site in the URL field displayed.

Tips

Tips

URLs can also be set within an action.
For dynamic URLs, leave the URL field empty and set it in the action described in step 3.

3. Define window action "Open".
   • Dynamically create the URL to open the window.
   • Specify the following for the callback URL parameter.
     If you are not using a custom domain:
     {Parameter}=https://{envid}.webperformer.jp/callback.html If you are using a custom domain:
     {Parameter}=https://{customdomain}/callback.html
   • The created URL is set in the value property. Example) $ui.link_id.value
4. Define the window action "Close".
   • Receive a parameter of the transition destination URL with $param.{query parameter name}.
   • Bind the obtained value to the UI if necessary.

External Service Site Integration works as follows.

1. Click on the settings component to open the external service site with the specified URL in a new tab.
2. Complete the external service site processing.
3. Navigate to the callback URL.
4. Close the external service site with the process from the callback page.
5. The action defined in the window action "Close" is executed.

Tips

Tips

• If the value of the URL property is empty, the user will be directed to the WebPerformer-NX application being release deployed.
• If an error occurs when executing the action of window action"Open", the external service site cannot be displayed.

Event

Event name	Description
onclick	For the click event "Action": The action is executed when clicked. For the click event "WINDOW": The action is described in "[Details 1] External Service Site Integration"