Elements

Applications module

1. Create elements




To create a new element, please select a page in the application structure. Depending on the type of page you selected, only the elements which are suitable for the page will be 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 left mouse button, a wizard will lead you through the configuration process.



This dialog gives you the ability to create a new data field alongside the new element. The element is then automatically linked to the new data field. Data entered into this element will be saved in the linked data field. Click on "Next" afterwards. Help for the subsequent dialogs can be found by pressing F1 or the Help button at the bottom right of the dialog.

Behavior of focus and autofocus

You can define that edit fields and buttons (which have the Button or Text type) should be given the focus when the page is loaded via the Edit menu / Set focus. You can define "Set focus" for one or more elements. When the page is loaded, the focus is set to the first visible element.

You can define that a page should not set a focus in the page properties. If "Set focus" has not been defined for any elements on a page, the initially focussed element on the page is determined automatically. The following exceptions apply:

2. Appearance in the Elements area




How the elements in the Elements area are presented can be changed via the context menu. If you select a category from the category overview, only the elements from that category will be shown in the bottom section of the Elements area.

3. Search




The search is at the very bottom of the Elements area. Enter a search term here and the elements will be filtered based on your entry.

Reset filter
Deletes the search term and removes the filter.

4. Basic controls

4.1 Button




Buttons execute numerous database actions, such as saving and deleting data records. By defining a link destination, the button can load additional pages in the main window, a popup window or in tooltips. Buttons can also be presented as text links and images in the browser.

4.2 Static text




This view element will show static text. This text, which can also contain HTML tags, is defined in the properties dialog. The element can also be implemented for programming.

4.3 Edit field




Edit fields can be used to enter data in various formats. The entry length is limited to 255 characters.

4.4 View field




View fields will be used to display data from linked data fields. As with edit fields, various control types can be selected.

4.5 Dynamic view




If you link this element to a data field, e.g. a User ID, you can display a different value from the same data group, e.g. the corresponding username. The respective settings can be defined in the properties dialog.

4.6 Text area




Multiple lines of text may be entered into text areas. The entry length is not limited. Text areas can only be connected to Text data fields. In the editor mode, you can use an HTML editor for editing the text.

4.7 View text area




The view element is used to display multiple lines of text.

4.8 Radio button group




This element consists of individual options combined in a group. Only one of the options may be selected by the user in the browser. The value of the selected option will be saved as text in the linked data field.



Double-clicking the group border of the radio button will open its properties dialog.



The title and value of each option can be edited by selecting the option and not the group frame on the Workspace.

4.9 Checkbox




Checkboxes save Boolean values (/true/false or yes/no).

4.10 View checkbox




Displays saved Boolean values. Depending on the value, the checkbox will be shown in the browser as selected or deselected.

4.11 Slider




If you link this element to a data field, the value selected with the element will be saved in that data field. You can define which values the slider displays in the properties.

4.12 Line




The line element can be used to help structure a page.

4.13 Grouping




Elements can be grouped together by using the grouping tool. Click here for more information.

5. Basic controls - Lists




Drop-down lists will be used to display entries in list format.

5.2 Listbox




The listbox offers the same functions as the Drop-down list but shows the entries as an open list in the browser.

5.3 Multiple selection




The multiple selection element consists of two lists and a search field; used to find specific entries. Every value that can be selected is listed on the left. With the arrow buttons, the currently selected entry can be moved from one list to the other. Every entry added to the right list is considered to be selected and saved in the linked data field. You can also select multiple entries by holding down the CTRL key. The multiple selection can also be configured so that it obtains its entries from an ID or GUID (e.g. article number) but displays a different value from the same data group (e.g. article description). Furthermore, you have the ability to set up a so-called selection filter, depicted by images that you can select freely, which will be shown above the entries. Clicking on an image activates the filter accordingly. The values that have been entered with a multiple selection can be shown with the view elements View multiple selection and View table.

To support a Contains filter for the search in the multiple selection, the setting control.distribution.list.searchContainMode=true needs to be defined.

5.3.1 Users and groups




With this setting, the multiple selection will be used for the selection of users, user groups, and additional objects from the Intrexx User Manager.

Search

You can search for terms and filter the list of user objects. You can define which data should be used for the search in the schema manager. Activate the setting "Use in User manager search" for the corresponding attributes.

Selection filter

The selction filter - filter buttons above the user lists - allows you to restrict or expand the search to users, user groups, distribution lists, organizational units and roles, depending on whether the corresponding button is activated or deactivated.

When you save the dataset, the GUIDs of the user objects will be saved to the linked data field. By clicking on , new distribution lists can be defined.



The structure of the User Manager will be shown here. Select the "Place to publish" and save the setting.



Enter a name for the new distribution list. A description may be entered here as well. By clicking on "Add Members", objects from the User Manager can be added as recipients to the distribution list.



Select the desired members and save your selection.



Switch to the "Permissions" tab.



You can define which users and/or objects from the User Manager will be allowed to change the recently created distribution list. You can define permission holders by clicking on here as well. The distribution list has now been added to the Intrexx User Manager.



Click on to edit an existing distribution list.

5.4 View multiple selection




Displays values from text fields or subordinate data groups. More information can be found in the description of the Multiple selection element.

5.5 Sortable list




The order of entries in the sortable list can be changed as you like in the browser via drag & drop. If the sortable list is linked to a data field, an entry can be selected and the value can be saved in the linked data field. If the page, where the sortable list is located, displays an existing data record, then the corresponding saved value will automatically be selected in the list.

5.6 View sortable list

Like the Sortable list element but without the option of saving a selected value.

6. Overviews

6.1. View table




With a view table, data records will be displayed in table format. For every connected data field, a table column will be created, and for each data record, a row. The sorting of the table can be changed in the browser by clicking on the column header. A view table can display data of the same level, data from superordinate data groups and data from the immediately subordinate data group.

6.2. Free layout table




In free layout tables, application pages can be integrated that are repeated for each data record. You can design the integrated page however you like as long as it does not contain one of the following elements: The following functions are not available on pages that are integrated into a free layout table: If you integrated an edit page, data can be edited directly in the free layout table; a guide for this is available here. Free layout tables cannot nested, i.e. they cannot be used on pages that are already being used in a free layout table.

6.3. Calendar




The Calendar element can be used in every application for planning appointments. More information about the functions of this element in the browser can be found here.

6.4. Resource




The Resource element can be used in every application. With this element, resource bookings (e.g. company cars) are presented and managed clearly and double-bookings are avoided. Click here for more information about the functions of this element in the browser.

7. Overviews - Tree controls

7.1. Tree




Hierarchical folder structures can be depicted using the Tree element - this can be used for outlines, for example. The folder structure can be adjusted in the browser via drag & drop. You will also find this element in the application template Empty application - Tree structure.

7.2. View tree




Like the Tree but can only be used for viewing.

7.3. Exchange tree

Click here for more information about this element.

7.4. Path navigation for tree




You have the option to setup a path navigation for both edit and view elements for the tree. In this way, you can navigate through its structure using either the tree control or by entering the path.

8. Filters

8.1. Filter information




This element provides information about the filters currently applied to the dependent element, e.g. when a Value selection (drop-down list) filters a dependent View table. The filter information will then display a button with the filter currently active, e.g. Category A or B. Clicking on this button will deactivate the filter.

8.2. Value range




With this filter type, the lower and upper limits of a value range can be specified. The filter will be used for the data types Date, Date & Time, Integer, Currency, and Floating-point. It consists of two edit fields where the lower and upper values can be entered. Here you can see both edit fields of the filter in the browser and underneath the view table that is connected with the filter via a dependency.

8.3. Value selection (drop-down list)




The values from a Drop-down list are selected that filter an element connected via a dependency.

8.4. Value selection (open presentation)




With this filter, data sets will also be filtered according to the selected entries but in this case, a listbox will be used as the filter element instead of a Drop-down list.

8.5. Boolean values




This filter is a Checkbox that filters based on the Boolean values (e.g. true/false) in the dependent element. Different modes are available as well.

8.6. Operator




This filter control consists of three fields. In the first drop-down list, the data field will be selected whose values should be compared with the entered character string. Depending on the data type of the selected data field, various operators can be selected. The value which should be used to filter the dependent element can be entered in the last field on the right.

8.7. Alpha-index




With this filter type, data in the dependent element can be filtered based on a definable index of letter and number groups.

8.8. Options




With this filter type, data in the dependent element will be filtered based on the selected option.

8.9. Checkbox selection




With this filter type, data in the dependent element will be filtered based on the selected checkbox(es).

8.10 Calendar filter




With the Calendar filter, the data in the dependent element is filtered based on the data selected in the calendar. You can select single dates or entire date periods by selecting multiple dates at once. Click here for more information about the settings of the navigation calendar.

9. Additional controls for calendars

The additional controls for calendars, aside from the Recurring appointment element, can only be used if the current page contains a calendar or resource element.

9.1. Previous/Next




This additional control inserts two grouped button elements that enable navigation through the calendar. If multiple calendar or resource elements are on the current page, a dialog opens when the Previous/Next element is created, allowing the control to be assigned to the desired calendar.

9.2. View selection




This element allows you to switch change the view of the calendar or resource element, such as from the daily to weekly or monthly view.

9.3. Calendar filter




This additional control displays a small calendar that can help select a date in the chart of a calendar or resource element. More information about the settings of the navigation calendar can be found here.

9.4. Date display area




This element displays the current date in the calendar. The title is formatted depending on the view selected by the user.

9.5. Recurring appointment




This allows appointment series to be created. This element is used on edit pages. In the browser, a corresponding link will be shown which allows the users to configure an appointment series. Click here for more information.

9.6. Plugin selector




The plugin selector allows users to subscribe or unsubscribe in the browser to calendar plugins from other applications.

9.7. Legend




Appointments can be categorized by users. The legend lists these categories with their corresponding background and font color. A category is only shown here if an appointment was assigned to it.

9.8. Selection of resources




With this additional control, you see a list of all resources in the browser that were created in a resource application. The resources can be unselected from this list if you, for example, want to reduce the complexity of your resource chart. Hidden resources can be reselected when required. Click here for more information.

10. Images and files - Image controls

10.1. Image




With this element, a static image of your choice can be saved on the server and displayed in the application. The element can also be used to prevent entries by bots.

10.2. Gauge control




This element is designed to show speeds, sound level, values of pressure, temperature or toner levels, and so on.

10.3. Chart




This view element allows values of an application to be graphically displayed. The chart control provides many different templates, enables the number of data records to be limited, the integration of dependencies, the manipulation of all chart properties, and the ability to export charts as jpg, png, svg, and pdf.


With the gallery, you can integrate image galleries into your portal applications with ease. More information about the element's settings is available by pressing F1 or clicking on the Help button in each of the properties dialogs.

11. Images and files - File controls

11.1. File selection




This element allows you to upload files to the server via drag & drop - these can also then be downloaded by other users.

11.2. View file selection




This view element shows the files that were uploaded using the File selection element.

11.3. Exchange file selection for attachments

This control can only be used in Exchange applications. Click here for more information.

11.4. Exchange file view for attachments

This control can only be used in Exchange applications. Click here for more information.

11.5. File sorting




This element allows the order of files in the browser to be changed via drag & drop. The File sorting element can only be created if the data group contains a file data field.

12. Search and navigation




Click here for more information about this element.

12.2. Research




With the research element, complex queries about the data of an application can be made. Shows or hides the research function, respectively. The research function corresponds to the top area without the results table. Here, select a data group and the appropriate operator. Enter the value you are searching for. Multiple comparisons can be connected using an And or Or connection. Click on Search to perform the research. The "New research" button clears the search fields. Click on "Research within a research" to perform a research based on the search results of the first research.


This link appears after a research has been performed. The settings used in the research can be saved here. Clicking on the link opens the corresponding page.

Personal / Global tab

If you save the research on the "Personal" tab, then it is only available to you. Researches saved on the "Global" tab are available to all portal users.

Category

Click on "New category" to create a new category or "Administrate categories" to edit them. The category selected in the drop-down list is assigned to the research being saved.

Title of new research

Provide the research with a name that describes its results.

Available researches

You can select an existing research here that should be overwritten by the new settings entered here.

Save field settings with research

Applies the field selection and loads this when the current research is loaded later.

Save field settings for export with research

Applies the field selection to the export file when the current research is exported later.

Delete research

Deletes the currently selected research.


An existing research can be loaded here.


This link opens a page where child data groups can be selected; this means the research is also applied to these. The number of possible comparisons (data field, operator and field) can also be increased here.

12.3. FileWalker




You can access files on the network with this element. This requires an established connection and sufficient permissions. Click here for more information about the FileWalker.


This view element allows a user to page through existing data records. The navigation element will give the number of the current data record automatically upon loading the page. It consists of four individual buttons. The view and edit elements of the page on which the navigation element is positioned will be refreshed after each movement and then display the values of the data record to which it has moved.

12.5. Path navigation for tree




Click here for more information about this element.

13. Programming

13.1. Static text for programming




This element is a Static text element for which the properties have been defined as such that the specified text is interpreted as a Velocity script which is performed when the element is loaded in the browser.

13.2. VTL Include




VTL stands for Velocity Template Language. Velocity is an open source development from the Jakarta Apache Project and allows the direct addressing of Java objects based on an easily learned script language. The place where the VTL Include element is positioned on the workspace is where your VTL file will be executed later. The entire process is comparable to the inclusion of an ASP file with Visual Basic script.

To use this element, you need to have experience with scripting languages and ideally also in Java development. United Planet does not provide any support for the use of VTL in Intrexx.

13.3. Calculation




The calculation element allows formulas to be used in applications.

Calculation in view tables

A calculation can be configured in view tables. The result of this calculation is shown in a special area underneath the view table such as the total amount.



The calculation area is set in the column configuration of a view table.

14. Intrexx Share

14.1. Intrexx Share comments




This element can be assigned to an Intrexx Share Plugin in the properties dialog and then displays the comments for the selected feed. Click here for more information.

15. Other controls

15.1. Tagging - Bookmarks




The Tagging - Bookmarks edit element allows tags to be set for any kind of entry. In search configurations, you can activate a setting that tags should also be shown in the search results. Click here for more information about tagging.

15.2. View tagging - Bookmarks

Word cloud


Record view




This view element will show the tags that you or other users have entered using the Tagging - Bookmarks element. The element also displays hashtags entered and saved in a text area, if the corresponding setting has been defined in the properties dialog.

15.3. Sortable grouping vertical




Elements, which are grouped with sortable grouping, can be moved up/down or right/left, using drag and drop within the sortable grouping. Additionally, an icon in the right hand area of the title bar enables individual sortable elements to be hidden from display in the browser when the information they contain is not required. If you move any element into a sortable grouping on the Workspace via drag & drop, a sortable element will be created automatically. This creates another grouping within the sortable grouping. These sortable elements can be moved in the browser and may contain any number of application elements.

15.4. Sortable grouping horizontal

The same as the Sortable grouping vertical just set up horizontally. The sortable elements it contains can be moved from right to left.

15.5. Grid




The grid can be used to develop a page layout that is freely collapsible based on the Foundation Framework. This adjusts itself to the diverse screen sizes of desktops, tablets and smartphones. General information about responsive layouts can be found here. This element can only be used on pages that do not use a table layout. The setting "Use table layout" can be found in the pages' properties. The properties dialog can be reached by double-clicking on the page in the Application structure. When you place the element onto the workspace, it adjusts itself automatically to the width of the workspace. A grid can contain a maximum of twelve columns where you can arrange the application elements that you would like. The number and width of the columns can be specified in the grid's properties dialog. You can reach the properties dialog by double-clicking on the frame that surrounds the grid element. If you click directly on one of the rows, the ZOOM workspace area will open, this depicts the content of the current column. In this way, even layouts that are more complicated can be edited effectively because you have access to a single workspace per column in the ZOOM area.

15.6. Portlet container

Portlets can be made available on application pages with this element. Click here for more information about this element.

16. Templates




If you drag created elements from the workspace to the Elements area, a dialog will open automatically where the element can be defined as a template. The properties of the element will be transferred to the template. Therefore, if you find that you apply the same configuration to elements again and again, it could be worth creating a template.



Once the template has been created, the new template can be found in the Templates category at the bottom of the elements list in the Elements area. It can now be used to created new elements with the properties of the template. If you would like to delete a template, simply drag it to the garbage bin symbol at the bottom right.

Import / Export templates




Context menu: "Export templates"
Opens a dialog where templates can be selected for export.

Context menu: "Import templates"
Opens a dialog where previously exported templates can be selected for import.

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
Show Link to image in original size - - + + +
Apply correct orientation to rotated images in original size - - + + -
Apply correct orientation to rotated images + + + + -
Maximum size (Width / Height) + + + + +
Crop image + + + + -
Optimize file size for thumbnails (reduce) + + + + -
Adjust control size to maximum size - - - + +