Expert - Hijax links

In Intrexx, Hijax links can be used that link to Intrexx applications or static VTL files and load them in the main page or in a tooltip using Ajax. The Hijax links can be used in the Static Text element or in VM files.

Available attributes

data-hijax

Mandatory attribute. Defines what kind of window should be used to open the given jump link. If an invalid value is specified, current is used as a fallback value. For example, "", "default" or "myValue" are not permitted.

Value:
tooltip - Open target page in tooltip
popup - Open target page in popup
stage - Open target page in main window
current (default) - Opens target page in the current window

data-hijax-tooltip

Defines how a jump link should be opened in a tooltip. Only relevant if data-hijax="tooltip" is used.

Value:
modal - Tooltip opens modal
mouse - Tooltip opens at the current mouse position
element - Tooltip opens at the position of the defined HTML element

data-hijax-tooltip-group

Defines that tooltips with the same group name always open in the same tooltip. Only relevant if data-hijax="tooltip" is used.

Value:
Name of the tooltip that should be opened.

data-hijax-tooltip-props

With this, additional parameters can be defined to specify more details about the attributes of the tooltip being opened e.g. the tooltip's title. Only relevant if data-hijax="tooltip" is used.

Value:
e.g.: data-hijax-tooltip-props="strTitle:'Hello world!'"

data-hijax-tooltip-position-element

Defines the HTML element to which the tooltip being opened should orientate itself. This is not possible in free tables. Only relevant if data-hijax="tooltip" and data-hijax-tooltip="element" is used.

Value:
HTML-Element (GUID or HTML-ID of the element) to which the tooltip should orientate itself when opened.

data-hijax-tooltip-position-orientation

Defines the orientation to an HTML element. Only relevant if data-hijax="tooltip" and data-hijax-tooltip="element" is used.

Value:
Orientation (Default: below, left)

Possible values for the orientation:

Here, the red frame defines the HTML element to which the jump link should orientate itself. The following example shows some examples in which the button with the title "Element" reflects 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 the 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. Open 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 path to a VTL file relative to the portal directory is given in hexadecimal coding with the parameter ""rq_VM"". Example: internal/system/vm/html/include/sample.vm corresponds to 696E7465726E616C2F73797374656D2F766D2F68746D6C2F696E636C7564652F73616D706C652E766D as a hexadecimal.

            <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 to 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 to an element with position information

            <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>