Viewport

The "Viewport" application element is one of the basic controls. View fields are used to display data from the associated data fields. As with the input field, there are various control types to choose from.

You can find the View Field element in the "Applications" module under "Elements. " You can create a new view pane by dragging and dropping the element from here onto the workspace.

For more information on creating elements, click here.

The Properties dialog box for a view field element opens automatically when a new view field is created. You can open the Properties dialog box for an existing view field by double-clicking the element on the workspace, selecting "Properties" from the context menu, or choosing "Edit / Properties" from the main menu, provided the view field is selected on the workspace.

General

Enter the title of the view field here. You can find information about multilingual titles here.

Options - "Text" and "Video" Control Types

HTML

With this option, the text is interpreted as HTML.

Enable Cross-Site Scripting Protection

This setting prevents information from a context where it is not considered trustworthy from being inserted into another context where it is classified as trustworthy.

Text

This option displays unformatted text.

Maximum text length

Here, you can specify the maximum number of characters to be displayed using an integer. The value -1 causes all characters to be displayed.

Ellipsis (omission mark)

The ellipsis entered here is appended to the last character displayed when the maximum text length is reached.

Line break

Here you can select the type of line break.

Options - "Phone" Control Type

Text Message

With this control type, the text is rendered as a link in the browser that can be used to send a text message or initiate a phone call with automatic dialing. The following protocols are available for phone calls:

• tel:

  Automatic Dialing on Mobile Devices

• callto:

  Automatic Dialing on Mobile Devices and Landline Systems

• wtai://wp/mc:

  Automatic Dialing on Mobile Devices

If you encounter any problems establishing a phone connection, please check with the manufacturer to determine which device protocol is appropriate and whether any browser plug-ins are required.

Show the "Add to Address Book" option (not supported by all devices)

This setting allows you to add phone numbers to the address book on a mobile device.

Image

The path and name of the image that appears in the browser when adding a contact to the address book are entered here.

Edit

Opens a dialog box where you can select an image.

Name

Select a string data field here that contains the phone number.

Column Display in View Tables

You can find all the information on this topic here.

Options - "Web Application" Control Type

This control type allows you to set dynamic links to web applications within an Intrexx application—such as the departure or destination locations for a web application that calculates routes.

Link

Enter the URL here without any parameters. Using the keyboard shortcut Alt + . automatically inserts the URL https://maps.google.de?saddr= (Portal Manager in German) or https://maps.google.com?saddr= (Portal Manager in English) as a link.

Parameters

"Name" column

The parameter names are displayed here.

"Data Field" Column

The selected data fields are displayed here.

/ Edit Parameter

Opens a dialog box where you can select the data fields that will provide the values for calling the web application. When you click the link in the browser, Intrexx automatically populates the data field with the values it contains.

Click "OK" to save your selection and close the dialog box.

Delete Parameters

Removes an existing parameter from the list

Column Layout in Tables

You can find all the information on this topic here.

General - "Image URL" Control Type

With the "Image URL" control type, URLs pointing to image files can be displayed as images in the view pane. To do this, link a data field that contains image URLs to the view element.

Title

You can change the title of the view field here. You can find more information on this topic here.

Edit Text Alternative

Opens a dialog box where you can enter text that will be displayed if a user has disabled image loading or if a user agent does not allow images to be displayed.

Options - "Image URL" Control Type

Link to the full-size image

In the browser, clicking on the image displays a tooltip showing the image in its original size.

Maximum size

Enter the desired width and height of the image in pixels here.

Adjust the control size to the maximum size

Ensures that when the size of the control on the workspace is changed, the current width and height are automatically entered in the general properties. If this setting is not enabled, these values and the size of the control on the workspace will not be synchronized.

Column Display in View Tables

You can find all the information on this topic here.

You can find an overview of the features of the view field with the "Image URL" control type, compared to the "Sortable List" and "File Selection" elements , here.

Options - "Tree Path" Control Type

With the "Tree Path" control type, the path created by selecting folders within a tree element can be displayed as a breadcrumb trail. To do this, link a view field to the data field to which the tree element is also linked. This data field stores the IDs of the individual tree nodes (folders).

Alternatively, you can use the "Path Navigation for Tree" application element.

Options - "Integer" Control Type

1,000 separator

The thousands separator can be displayed as a period or a comma. If you select the "Portal Settings" entry, the separator will be displayed according to the number format setting in the portal's country settings for the respective language.

Column Display in View Tables

You can find all the information on this topic here.

Options - "User Information" Control Type

Display a link to user information

Displays the username in the browser as a link that can be clicked to load additional information from the "Users" module.

View Online Status

Displays an icon that indicates whether the user is currently online or not.

Options - "Floating-Point Number" and "Currency" Data Types

Delimiter

When the "Use portal settings" option is selected, the separator is determined based on the number format settings in the portal's country settings for the respective language. If you want to set the thousands separator and decimal separator differently from the portal settings, disable this setting so that the "Thousands Separator" and "Decimal Separator" options become available. Select the desired separator there.

decimal place

When the "Use portal settings" option is selected, the decimal place is set according to the number format specified in the portal's country settings for the respective language. If you want to set the decimal place differently from the portal settings, disable this setting so that the "Leading Zero" and "Decimal Places" settings are enabled.

Leading zero

Specifies the format of leading zeros (e.g., 0.7 or .7).

decimal places

Enter an integer here to specify how many decimal places should be displayed.

Column Display in View Tables

You can find all the information on this topic here.

Options - Control Types: "Date," "Time," "Date & Time"

Date Format

This is where you set the date display format. In this context,

• dd

• the two-digit display of the day

• MM

• the two-digit display of the month

• yyy

• the four-digit year display

Time Format

This is where you set the time format. In this context,

• HH

• the two-digit hour display

• mm

• the two-digit minute display

• ss

• the two-digit second display

  When "Portal Settings" is selected, the format specified in the portal's country settings for the respective language is used.

  More Information

  Control Types / Data Types