Expert - Hijax Links

In Intrexx, you can use Hijax links that point to Intrexx applications or static VTL files and load the target pages via Ajax—for example, on the main page or in a tooltip. Hijax links can be used in the Static Text element or in VM files.

Available Attributes

data-hijax

Required attribute. Specifies the window mode in which a given jump target should be opened. If an invalid value is specified, `current` is used as the fallback value. For example, "", "default," or "myValue" are not allowed.

Value:
tooltip - Open the landing page in a tooltip
popup - Open the destination page in a popup
stage - Open the landing page in the main window
current (default) - Open the destination page in the current window

data-hijax-tooltip

Defines how a jump target opens in the tooltip. This is only relevant when `data-hijax="tooltip"` is used.

Value:
modal - The tooltip opens in a modal window
mouse - A tooltip opens at the current mouse position
element - The tooltip opens at the position of the specified HTML element

data-hijax-tooltip-group

Specifies that tooltips with the same group name always open in the same tooltip. This is only relevant when `data-hijax="tooltip"` is used.

Value:
Name of the tooltip to be opened.

data-hijax-tooltip-props

This allows you to define additional parameters to specify the attributes of the tooltip that appears in greater detail, such as the tooltip's title. This is only relevant when `data-hijax="tooltip"` is used.

Value:
For example: data-hijax-tooltip-props="strTitle:'Hello World!'"

data-hijax-tooltip-position-element

Defines the HTML element relative to which the opening tooltip should be aligned. Not possible in free tables. This is only relevant when data-hijax="tooltip" and data-hijax-tooltip="element" are used.

Value:
HTML element (GUID or HTML ID of the element) on which the tooltip should be aligned.

data-hijax-tooltip-position-orientation

Defines the alignment of the HTML element. This is only relevant when data-hijax="tooltip" and data-hijax-tooltip="element" are used.

Value:
Alignment (Default: bottom, left)

Possible values for alignment:

The red frame defines the HTML element relative to which the jump target tooltip should be aligned. The following example shows several instances in which the button labeled "Element" corresponds to the frame marked in red in the diagram above.

Examples

1. Opening a page in the Stage container

            <a data-hijax="stage" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in stage</a>
        

2. Opening a page in a tooltip

            <a data-hijax="tooltip" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in tooltip</a>
        

3. Always open a page in the same tooltip

            <a data-hijax="tooltip" data-hijax-tooltip-group="groupA" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in the same tooltip</a>
        

4. Opening a page in a modal tooltip

            <a data-hijax="tooltip" data-hijax-tooltip="modal" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in modal tooltip</a>
        

5. Opening a page in the current window (Stage or Tooltip)

            <a data-hijax="current" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in the current window</a>
        

6. Opening a static VTL file in a tooltip

The rq_VM parameter specifies the path to a VTL file relative to the portal directory in hexadecimal notation. Example: internal/system/vm/html/include/sample."vm" corresponds to the hex code 696E7465726E616C2F73797374656D2F766D2F68746D6C2F696E636C7564652F73616D706C652E766D.

            <a href="?rq_VM=696E7465726E616C2F73797374656D2F766D2F68746D6C2F696E636C7564652F73616D706C652E766D"data-hijax="tooltip">VTL file in tooltip</a>
        

7. Opening a static VTL file in a pop-up window

            <a href="?rq_VM=696E7465726E616C2F73797374656D2F766D2F68746D6C2F696E636C7564652F73616D706C652E766D" data-hijax="popup">VTL file in popup</a>
        

8. Aligning a tooltip with an element

            <a data-hijax="tooltip" data-hijax-tooltip-position-element="B7B55A672619D6DBE5B3330A4FD763CC0C3169F6" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link</a>
        

9. Aligning a tooltip with an element using a position specification

            <a data-hijax="tooltip" data-hijax-tooltip-position-element="B7B55A672619D6DBE5B3330A4FD763CC0C3169F6" data-hijax-tooltip-position-orientation="above_right" href="?rq_AppGuid=<APPGUID>&rq_TargetPageGuid=<TARGETGUID>">Hijax link in tooltip</a>