Insert elements on pages
Create powerful applications and forms simply by drag & drop. You have a toolbox of modules at your disposal with which you can create application pages: input fields, buttons, tables, diagrams, filters and much more. Each element has a graphical configuration dialog, the properties dialog, in which you have access to all settings.
Create elements
Elements can be created in the "Applications" module. You can find out how to access the module in the Portal Manager here.
Then 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 that are suitable for the page are now available in the "Elements" area. Next, drag the element that you wish to create to the workspace. The borders of the element will be shown as a preview of the element. When you let go of the mouse button, a wizard will open that will help you configure the element.
Data link
When creating most elements, the data link is defined first. A data field can only be newly created or linked to the element if the page containing the element is in 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 together with the element and is automatically linked to the element. All data entered later in the input element is stored in this data field when the data record is saved.
Click "Next".
New data field
Title
The data field's title can be modified here. Further information on this topic can be found here.
Data field name
The name of the data field can be changed here, provided the application has not been published yet. The prefix is updated when the data type (see below) is modified. The actual name is not modified. If the specified name does not have a data type prefix, the name remains as it is when the data type is changed. This means, for example, changing the data type from string to datetime would change the name from ""STR_NAME"" to ""DT_NAME"", whereas ""TEST_NAME"" would not be changed.
Create name from title
Adopts the title as the name of the data field, keeping the prefix of the data field name.
Control type
All information on the control types can be found here.
Clicking on "Next" takes you to the final settings.
Link to existing data field
If you select the "Link to existing data field" option in the first step, the desired data field can be selected in the next step in the dialog shown below after clicking on "Next".
Link data field
A data field can only be linked to an application element if the page containing the element is in a data group. If this is not the case, only the "No link" option is available here. The element is then not 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 illustration.
Control type
Depending on the data type of the data field linked here and the element, different control types can be selected here. Information on the control types can be found here.
If you access the dialog via the"Dynamic view","Selection list","List field" or"Sortable list" elements, no control type can be selected.
Information on
Displays an explanatory text for the selected control type.
Clicking on "Next" takes you to the final settings.
No binding
The element will be created without a data field.
Click on "Next" to go directly to the final settings.
Final settings
Create label
Together with the new element, a "Static text" element is created as a label, which automatically adopts the title of the new element.
Show properties dialog
You will find these settings for most application elements. This automatically opens the properties dialog once the new element has been completed.
Create date picker
This option can be selected for input fields with the control type "Date", "Time" or "Date & time". You can find all further information here.
Displayed value
In the properties dialog of most elements, the display value that is output in the respective element can be defined on the "Binding" tab. You can find a description of the very flexible options available to you here.
Behavior of focus and autofocus
Via the main menu "Edit" / Set focus, input fields and buttons with the type "Button" or "Text" can be given the focus when the page is loaded. One or more elements of the page can be set with "Set focus". When the page is loaded, the focus is set to the first visible element.
In the page properties, you can specify that the page does not set a focus. If "Set focus" is not set for any element on a page, the first focusable element on the page is automatically determined and the focus is set there. The following exceptions apply:
-
The focus is not set on fields in free-form tables
-
The focus is not set within portlets
-
On pages with a tab index, the focus is set on the element with tab index 1
Appearance in the Elements area
The display of the elements in the Elements area can be changed via the context menu.
-
Show icons
Only the icons of the elements are shown with this option.
-
Show icons and titles
The elements' icons and titles are shown with this option.
-
Show icons and descriptions
The elements' icons and descriptions are shown with this option.
-
Show category overview
With this setting, the category overview is displayed in the upper part of the "Elements" area.
If you click on a category in the category overview, only the elements from the selected category are displayed in the lower part of the "Elements" area.
Search
You will find the search at the bottom of the Elements section. Enter a search term here. The elements are filtered according to the search term.
Reset filter
Deletes the search term and removes the filter.
The list of application elements is shown below.
Basic controls
Basic controls - Lists
Multiple selection / Multiple selection view
Multiple selection 2.0 / Multiple selection 2.0 View
Sortable list / View sortable list
Overviews
Overviews - Tree controls
Filter
Value selection list / value list field
Additional controls for calendars
Images and files - Image controls
Images and files - File controls
File selection/File selection view
Exchange file selection for attachments / Exchange file selection view
MS365 OneDrive - integrate into application / use in portal
Search and navigation
Programming
Intrexx Share
Other controls
Tagging - Bookmarks / Tagging bookmark 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 opens automatically in which the element can be defined as a template. The properties of the element will be transferred to the template. So if you find that you repeatedly configure a certain element, it may be worth creating a template for it.
It is also possible to drag several elements at once from the workspace to the "Elements" area. To do this, simply select the desired elements on the workspace. After drag & drop, a template is created that contains all the selected elements.
If the same page is set as the jump target for a group of buttons with the Save, Cancel or Delete action, the buttons can be reused without further adjustment.
Create template - Standard icons
The title and description of the element template can be edited here. A maximum of 255 characters is permitted.
The keywords entered here can be used to search for the user-defined element in the search field in the "Elements" area. Each keyword must be separated by a comma.
Multilingualism
Opens a dialog in which the title, description or keywords can be entered in multiple languages.
Icon (32x32)
Displays the path and filename of the selected image.
Select symbol
Opens the standard dialog in which an image in the size 32 x 32 px can be loaded as an icon for displaying the new, user-defined element in the "Elements" area.
select from Intrexx standard icons
Opens a dialog in which an icon can be selected from the Intrexx standard icons.
User-defined elements will be saved as a template in the client directory.
Standard icons
Select the desired standard icon here. Then click "OK" to save the selection and close the dialog again.
Grid options
Discard contents of the grid
If you want to use an existing grid element as a template, you will also find the "Discard grid content" setting here, which discards all elements contained in the grid when the grid template is created.
If the "Keep nested grids" option is selected, grids that are nested in the grid template are kept. If this option is not active, all nested grids are also discarded.
Click "Next".
Configure jump destinations
You reach this page when an element is dragged from the workspace into the "Elements" area and jump targets are defined that refer either to the start page of the application or to the page on which the element is located.
Control" column
The element and/or components of the control, for which a link destination has been defined, are listed here.
Jump target" column
Here, you can choose whether the link destination should be viewed as absolute or relative when the template is used - even in other applications. Absolute link destinations will always link to the homepage or page, on which the element is located, respectively, from the original application. Alternatively, the jump target can be defined relatively, which here corresponds to the selection "Start page of the application" or "Same page". This means that the element based on this template will open the corresponding homepage of the current application or the page of the application, where the element is located, respectively.
Click "OK" to save all changes and close the dialog again.
You can find the new template in the template category at the end of the elements list in the "Elements" section. It can now be used to create new elements with the properties of the template. If you want to delete a template, simply drag the template with the mouse onto the trash can icon at the bottom right.
Export / import templates
The "Export templates" or "Import templates" context menu opens a dialog that can be used 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 a file with the extension ".ixt".
Select directory
Opens a dialog in which the file export or import directory can be selected.
Select all
Selects all templates.
Deselect all
Deselects all templates again.
Functions for the elements Sortable list, file selection, view field with control type "Image URL"
|
|
Sortable list |
Image selection |
Image URL |
||
|---|---|---|---|---|---|
| Edit |
View |
Edit |
View |
|
|
| Display link to image in original size | - |
- |
+ |
+ |
+ |
| Rotate images in original size | - |
- |
+ |
+ |
- |
| Rotate images | + |
+ |
+ |
+ |
- |
| Maximum size (Width / Height) | + |
+ |
+ |
+ |
+ |
|
Crop image |
+ |
+ |
+ |
+ |
- |
|
Optimize file size for thumbnails (reduce) |
+ |
+ |
+ |
+ |
- |
|
Adjust control size to maximum size |
- |
- |
- |
+ |
+ |
Send us an e-mail