Elements
Create powerful applications and forms easily with drag-and-drop. You have access to a toolbox of building blocks that you can use to build application pages: input fields, buttons, tables, charts, filters, and much more. Each element has a graphical configuration dialog—the Properties dialog—where you can access all settings.
Create Elements
Elements can be created in the "Applications" module. Click here to learn how to access the module in Portal Manager.
Next, create an application or open an existing, published application.
To create a new element, please select a page in the application structure. Depending on the type of page you have selected, only the elements in the "Elements" section that are appropriate for that page are now available. Use the mouse to drag the item you want to create onto the workspace. The outline of the element is displayed as a preview of the element. When you release the mouse button, a wizard opens to help you configure the item.
Data Binding
When creating most elements from scratch, the data binding is defined first. A data field can only be created or linked to the element if the page containing the element is part of a data group. If this is not the case, only the "No Link" option is available here.
If you select the "New Data Field" option, a new data field is created along with the element and is automatically linked to it. Any data entered later in the input field will be stored in this data field when the record is saved.
Click "Next."
New Data Field
Title
You can change the title of the data field here. You can find more information on this topic here.
Data Field Name
The name of the data field can be changed here as long as the application has not yet been published. The prefix is adjusted when the control type is changed (see below). The actual name remains unchanged. If the specified name does not have a data type prefix, the name remains unchanged when the data type is modified. So, for example, if the data type is changed from string to datetime, STR_NAME would become DT_NAME, while TEST_NAME would remain unchanged.
Generate a Name from a Title
Uses the title as the name of the data field, while retaining the prefix of the data field name.
Control Type
You can find all the information about the types of inspections here.
Click "Next" to proceed to the final settings.
Link to an existing data field
If you select the "Link to existing data field" option in the first step, you can select the desired data field in the next step—after clicking "Next"—in the dialog shown below.
Connect Data Field
A data field can only be linked to an application element if the page containing the element is part of a data group. If this is not the case, only the "No Link" option is available here. The element will then not be linked to a data field. Otherwise, select the "Data Field" option to link the element to an existing data field, and select the desired data field in the application structure diagram.
Type of Inspection
Depending on the data type of the data field linked here and the element, various control types can be selected here. You can find information about the types of checks here.
If you access the dialog via the "Dynamic View," "Drop-down List," "List Box," or "Sortable List" elements, you cannot select a control type.
Information
Displays an explanatory text about the selected control type.
Click "Next" to proceed to the final settings.
No link
Here, only the input validation is created without a data field.
Click "Next" to go directly to the final settings.
Final Settings
Create Field Titles
Along with the new element, a "Static Text" element is created as a label, which automatically adopts the title of the new element.
Display Properties Dialog
You'll find these settings for most application elements. This will automatically open the Properties dialog box after the new element is created.
Create a calendar for date selection
This option is available for input fields with the "Date," "Time," or "Date & Time" control type. You can find all additional information here.
Display value
In the Properties dialog box for most elements, you can define the display value that is output by the respective element on the "Binding" tab. You can find a description of the highly flexible options available to you here.
Behavior of Focus or Autofocus
Using the "Edit" / "Set Focus" option in the main menu, input fields and buttons of the "Button" or "Text" type can be given focus when the page loads. You can use the "Set Focus" option to select one or more elements on the page. After loading, the first visible element will then receive focus.
In the page properties, you can specify that the page should not receive focus. If "Set Focus" is not set for any element on a page, the first focusable element on the page is automatically determined, and focus is set there. However, there are the following exceptions:
-
The focus is not placed on fields in freely designed tables
-
The focus is not set within portlets
-
On pages with ` tabindex `, the focus is set to the element with `tabindex` 1
Display of Elements in the Elements Area
The display of elements in the Elements section can be changed using the context menu.
-
Show Icons
With this setting, only the icons for the elements are displayed.
-
Show Icons and Titles
This setting displays icons and titles.
-
Show Icons and Descriptions
With this setting, icons and short descriptions are displayed.
-
View Category Overview
With this setting, the category overview is displayed at the top of the "Items" section.
When you click on a category in the category overview, only the items from the selected category are displayed in the lower part of the "Items" section.
Search
You'll find the search function at the very bottom of the "Elements" section. Enter a search term here. The items are filtered based on the search term.
Reset Filter
Removes the search term and clears the filter applied to the items.
Below is a list of the application elements.
Basic Checks
Basic Checks - Lists
Multiple Selection / Multiple Selection View
Multiple Selection 2.0 / Multiple Selection 2.0 View
Sortable List / Sortable List View
Overviews
Overviews - Tree Inspections
Filter
Value Picklist / Value List Box
Additional Checks for Calendars
Images and Files - Image Checks
Images and Files - File Checks
File Selection / File Selection View
Exchange File Selection for Attachments / Exchange File Selection View
MS365 OneDrive - Integrate into an application / Use in the portal
Search and Navigation
Programming
Intrexx Share
Additional Checks
Tagging - Bookmarks / Tagging Bookmarks View
Sortable vertical grouping / Sortable horizontal grouping
Templates
If you drag elements that have already been created from the workspace to the "Elements" area using the mouse, a dialog box opens automatically where you can define the element as a template. The properties of the element are carried over. So if you find that you're repeatedly setting up a particular configuration for an element, it might be worth creating a template for it.
By the way, it's also possible to drag multiple elements from the workspace into the "Elements" area at once. To do this, simply select the desired items on the workspace. After dragging and dropping, a template is created that contains all the selected elements.
If a group of buttons has the same page set as the destination for the Save, Cancel, or Delete actions, the buttons can be reused without any further adjustments.
Create a template
Here, you can edit the title and description of the element template. A maximum of 255 characters is allowed.
You can search for the custom element in the search field in the "Elements" section using the keywords entered here. The individual keywords must be separated by commas.
Multilingualism
Each one opens a dialog box where you can enter the title, description, or keywords in multiple languages.
Icon (32x32)
Displays the path and filename of the selected image.
Select an icon
Opens the standard dialog box where you can upload a 32 x 32-pixel image to serve as the icon for the new, user-defined element in the "Elements" section.
Select from Intrexx standard icons
Opens a dialog box where you can select an icon from the Intrexx default icons.
Custom elements are saved as templates in the client directory.
Standard Icons
Select the desired default icon here. Then click "OK" to save your selection and close the dialog box.
Grid Options
Discard the contents of the grid
If you want to use an existing grid element as a template, you'll also find the "Discard grid content" setting here, which discards all elements contained in the grid when you create the grid template.
If the "Keep Nested Grids" option is selected, grids that are nested within the grid template will be retained. If this option is not enabled, all nested grids will also be discarded.
Click "Next."
Configure Jump Destinations
You can access this page by dragging an element from the workspace into the "Elements" area, provided that jump targets have been defined that link either to the application's home page or to the page where the element is located.
"Control" Column
This section lists the element or components of the control for which a jump target, as described above, has been defined.
"Jump Target" Column
Here, you can choose whether the jump destination should be considered absolute or relative when using the template—including in other applications. When using an absolute jump target, the home page or the page on which the element is located is always loaded from the original application. Alternatively, the jump destination can be defined relatively, which corresponds to the "Application Home Page" or "Same Page" options here. This would cause the element created based on this template to load either the home page of the application in which it is currently located or the page of the application on which it is currently created.
Click "OK" to save all changes and close the dialog box.
You can find the new template in the "Templates" category at the end of the list of elements in the "Elements" section. It can now be used to create new elements with the template's properties. To delete a template, simply drag it with your mouse to the trash can icon in the lower-right corner.
Export / Import Templates
Selecting "Export Templates" or "Import Templates" from the context menu opens a dialog box that allows you to export and import element templates.
Select the template you want to export or import here.
Export to / Import from
Displays the export or import directory. Element templates are exported as files with the ".ixt" extension.
Select a directory
Opens a dialog box where you can select the export or import directory for the file.
Select All
Select all templates.
Deselect All
Deselect all templates.
Functions for the "Sortable List," "File Selection," and "View Field" elements with the "Image URL" control type
|
|
Sortable list |
Image Selection |
Image URL |
||
|---|---|---|---|---|---|
| Input |
View |
Input |
View |
|
|
| Show link to full-size image | - |
- |
+ |
+ |
+ |
| Rotate Rotated Images to Their Original Size | - |
- |
+ |
+ |
- |
| Rotate Rotated Images | + |
+ |
+ |
+ |
- |
| Maximum size (width and height) | + |
+ |
+ |
+ |
+ |
|
Crop Image |
+ |
+ |
+ |
+ |
- |
|
Optimize (reduce) the file size of thumbnails |
+ |
+ |
+ |
+ |
- |
|
Adjust the control size to the maximum size |
- |
- |
- |
+ |
+ |