axHyperLink
Description
axHyperLink allows a hyperlink to be inserted into the 5250 screen.
Usability
|
Context |
Supported |
|---|---|
|
Input screen fields |
Yes |
|
Output screen fields |
Yes |
|
Input subfile fields |
Yes |
|
Output subfile fields |
Yes |
|
New screen elements |
Yes |
Properties
|
Name |
Description and Comments |
JavaScript |
Shipped default |
|---|---|---|---|
|
caption |
The text to appear in the hyperlink. |
Yes. Must return a string. |
"Link" |
|
enabled |
Indicates whether this element is enabled. TS2 only. |
Yes. Must return a Boolean. |
True. |
|
mouseOverColor |
Deprecated. Use mouseOverStyle instead. |
Yes. Must return a string. |
Blank |
|
mouseOverStyle |
CSS to apply to the hyperlink while the mouse is hovered over it. |
No. |
Blank |
|
onClick |
Event that fires when clicking on the hyperlink. |
Yes . |
window.open('http://www.axeslive.com/', 'aXes'); |
|
style |
CSS to apply to the hyperlink. |
No. |
Cursor:hand |
|
textAfterLink |
The text to appear after the hyperlink. |
Yes. Must return a string. |
Blank |
|
textBeforeLink |
The text to appear before the hyperlink. |
Yes. Must return a string. |
Blank |
|
wrapText |
Indicates whether to wrap the text of this extension. TS2 only. |
Yes. Must return a Boolean. |
False. |
Notes, Comments and Warnings
The textBeforeLink and textAfterLink properties allow you to create a link that is only a part of the whole field such as “Click here to register.”
In Application, appStylesTheme property = JQueryUI
When JQueryUI is selected from Application->Styling->appStylesTheme property, the display will change according to the theme that was set in the Application’s jqueryTheme property. Basically, the default font style will be based on the JQuery theme.
In Application, appStylesTheme property = Material Design
When Material Design is selected from Application->Styling->appStylesTheme property, the display will change according to the theme that was set in the Application’s mdTheme property.
See Also
Hyperlinks in Extension Tutorial 6 - Advanced Screen Enhancements
Example – Using a Hyperlink to select a subfile entry in Extension Tutorial 13 - FAQ and Examples
Application Style Collection for Application themes