http://www.awareim.com/dokuwiki/ 2026-04-23T19:07:42+00:00 http://www.awareim.com/dokuwiki/ http://www.awareim.com/dokuwiki/_media/logo.png text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0140_design_form?rev=1749695708&do=diff manuals how_to form ui configuration design How to design a form There are three types of forms used in AwareIM: Object Form This form is used to enter or change values of attributes of a business object. AwareIM generates the default layout of a form automatically for every business object. You can control how this is done - see the “ text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0150_attach_actions_buttons?rev=1749695708&do=diff manuals how_to form ui configuration design button action How to attach actions to buttons There are three types of forms used in AwareIM – object forms, presentations and visual perspectives (see How to design a form). Object Form Most of the time you do not need to define buttons for the object forms. AwareIM automatically generates the Save and Cancel buttons, that allow submitting or cancelling the changes to the business object, for these forms. text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0160_control_attrib_order?rev=1749695708&do=diff manuals how_to form ui configuration attribute How to control the order of attributes on automatically generated forms When AwareIM generates an automatic form for a business object by default it generates controls for all attributes in the order that the attributes have been added to the business object. You can get text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0170_initialise_form_controls?rev=1749695708&do=diff manuals how_to form ui configuration initialisation_rule How to initialize form controls When the user is entering attribute values of a new business object using an object form you can get AwareIM to initialize controls in the form with some values. In order to do this you need to configure the initial value for the attribute represented by the control you want to initialize. See the “ text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0180_validate_user_input?rev=1749695708&do=diff manuals how_to form ui business_object business_rule validation How to validate user input Certain validation rules can be specified when you define attributes of an object. For example, you can specify that the attribute may take only certain values (Choice list) or that the attribute value may only be within the given range (Value Range). See the “ text/html 2023-05-09T01:57:21+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0190_setup_custom_form?rev=1683597441&do=diff manuals how_to form ui business_object custom How to set up custom form layout If you want references of the object to be displayed not on tabs inside the form of the object but as separate panels altogether you can use the DISPLAY LAYOUT action. To use the DISPLAY LAYOUT action to provide custom layout of attributes and references do the following: text/html 2023-05-09T01:59:33+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0200_forms_with_tabs?rev=1683597573&do=diff manuals how_to form ui business_object tab How to set up forms with tabs If you want to design an object form that has tabs you need to define two or more form sections for the form – every form section will be represented by a tab. The name of the form section will be the name of the tab. You should also set the navigation style of the form to be “Random”. See the “ text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0210_different_forms?rev=1749695708&do=diff manuals how_to form ui business_object role_based How to use different forms for different users You may want to display the information differently for different users – for example, some information should be visible to some users, but not others. You may also want to display the information using different colors and fonts. text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0220_show_related_records?rev=1749695708&do=diff manuals how_to form ui business_object reference_attribute How to show related records You can show the values of attributes of the business objects related to a particular business object on the forms or presentations of this object. For example, if a PurchaseOrder object is related to an OrderLineItem object via the multiple relationship you can show which order line items are related to a particular purchase order on the form or presentation of this order. text/html 2023-05-09T01:58:14+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0230_values_from_list?rev=1683597494&do=diff manuals how_to form ui business_object list reference_attribute How to choose values from a list If you want a user to pick attribute values from a list instead of (or in addition to) entering them manually while entering or editing a form of a business object you have to do the following: * If the contents of the list are static, i.e. the list always contains the same values, then you have to configure the attribute to have “static” choices and define the values of these choices. While def… text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0240_setup_system_menu?rev=1749695708&do=diff manuals how_to form ui How to set up system menu AwareIM automatically generates the menu for the configured application. The default menu includes very generic operations that allow you to create any business object, run any query or start any process. In most cases you would probably like to customize the generic menu and include the menu items that create specific objects, run specific queries or start specific processes. For details on how to do this see the “ text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0250_setup_custom_menu?rev=1749695708&do=diff manuals how_to form ui How to set up custom menu If you do not want AwareIM to generate the menu for the configured system you can provide your own custom menu (or you can combine both menus). To do this: * Prepare your own HTML page with your own menu. The menu should include links invoking text/html 2024-01-31T03:10:59+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0260_colors_fonts?rev=1706670659&do=diff manuals how_to form ui How to customize colors and fonts Colors and fonts of your application can be specified when defining visual perspectives. A particular set of colors and fonts is called a “theme”. You can choose different pre-defined themes for your visual perspective. You can also customize a theme by overriding its text/html 2023-05-09T01:58:52+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0270_display_hierarchy?rev=1683597532&do=diff manuals how_to form ui How to display a hierarchy of related records You can display related records in a tree-like hierarchical fashion. For example, a design component (DesignComponent object) may consist of sub-components; each sub-component may consist of other sub-components etc. To display a hierarchy of such components in a tree you need to define a reference attribute (called for example, SubComponents) in the DesignComponent object that refers to multiple other components (also Design… text/html 2023-05-09T01:59:00+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0280_display_calendar?rev=1683597540&do=diff manuals how_to form ui How to display Microsoft Outlook-like calendar To display your appointments, activities, meeting request in a calendar fashion similar to Microsoft Outlook do the following: * Use the “Edit/Add Appointment Object” command in the application menu of the Configuration Tool to add the skeleton of the Appointment object to your configuration. Add your own attributes to the Appointment object if necessary. text/html 2025-06-12T03:59:34+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0290_sync_calendars?rev=1749700774&do=diff manuals how_to form ui How to synchronize with Google, Outlook, Exchange and other third party calendars You can synchronize the appointment records stored in your AwareIM system with third party calendars, for example Google Calendar, Outlook, iCloud and so on. Synchronization with third party calendars in AwareIM is performed using Cronofy text/html 2023-05-09T01:59:56+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0300_color_records?rev=1683597596&do=diff manuals how_to form ui How to show records in different colors You can display records in different colors depending on some condition. For example, you might want to show overdue loans of a library member in red while showing non-overdue loans in black. To do this: * Open the required reference attribute for editing (for example, “Loans” attribute of the “Member” object) text/html 2023-05-09T02:00:02+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0310_display_icons_records?rev=1683597602&do=diff manuals how_to form ui How to display different icons for different types of records You may want to show an icon next to a particular record when a record is displayed in different lists such as results of a query or a list of children on a form of the parent object. You may want to show different icons depending on the value of some attribute in the record – for example, show different icons depending on whether an e-mail is read or un-read. To do this you need to specify “presentation rules… text/html 2023-05-09T02:00:10+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0320_child_objects?rev=1683597610&do=diff manuals how_to form ui How to display a form of a child object inside the form of the parent object Define a reference attribute to the child in the parent object. Go to the Presentation dialog of this attribute, tick “Allow Inline Editing” checkbox, select the “Show Form for Each Row” radio button and then click on the “Details” button to select the form of the child object to be shown. text/html 2023-05-09T02:00:16+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0330_attribute_colors?rev=1683597616&do=diff manuals how_to form ui How to display attributes in different colors If you want to display certain attributes of an object on a form in different colors you can use HTML cells in a form layout and reference an attribute inside the cell. For example, if you want to display attribute “MyAttribute” of the object “MyObject” in red define the following text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0340_read_only_attributes?rev=1749695708&do=diff manuals how_to form ui How to display attributes as read-only AwareIM will automatically display “calculated” attributes and attributes protected by the PROTECT rules as read-only, but it will display them in a read-only text box. If you want to get rid of the text box you can use text/html 2024-01-31T03:13:58+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0350_attribute_pres_rules?rev=1706670838&do=diff manuals how_to form ui How to make an attribute visible, read-only, mandatory or display a different set of choices on a particular form only Normally you define whether an attribute is visible or read-only using dynamic business rules and you define whether an attribute is mandatory by ticking the “Required” property of the attribute. This makes the attribute visible, read-only or mandatory on all forms. There are scenarios, though where you want to make the attribute visible, read-only, mand… text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0360_wizard_forms?rev=1749695708&do=diff manuals how_to form ui How to implement “wizard” forms For simple “wizard” forms set the Type property in the Navigation section of the property window of the form to “Wizard”. When you do this sections of the form will be traversed in a “wizard-like” fashion. For more complex wizards use “ text/html 2023-05-09T02:01:07+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0370_responsive_screens?rev=1683597667&do=diff manuals how_to form ui How to make your application “responsive” to different screen sizes This video tutorial describes how to make sure that your AwareIM applications are 'responsive' and look good in different screen sizes. text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0380_recalculate_values?rev=1749695708&do=diff manuals how_to form ui How to recalculate values in controls dynamically after a user changes some values Sometimes it may be necessary to dynamically recalculate values in controls of a form after a user has changed values in other controls. For example, let’s say we have a form of the object “MyObject” showing 3 attributes – “Value1”, “Value2” and “Sum”. We want to dynamically show the value of the attribute Sum as Value1 + Value2. We want the system to show the sum immediately after the use… text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0390_control_visibility?rev=1749695708&do=diff manuals how_to form ui How to show/hide/disable/enable controls dynamically after a user changes some values This is a variation of the previous item. Sometimes it may be necessary to dynamically show/hide controls on a form after a user has changed values in other controls. For example, let’s say we have a form of the object “MyObject” showing 2 attributes – “Value1” and “Value2””. Value1 is of the Yes/No type and is shown as a checkbox. We want to dynamically show or hide the value of the a… text/html 2023-05-09T02:01:36+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0400_process_from_forms?rev=1683597696&do=diff manuals how_to form ui How to start processes from forms It is sometimes necessary to have a button or a hyperlink on a form of the object that starts a process using the current instance of the object as a parameter. To implement such functionality you need to define an text/html 2024-01-30T04:01:33+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0410_show_google_maps?rev=1706587293&do=diff manuals how_to form ui How to show Google Maps You can display Google Maps in the following places in the system: * In static HTML of a content panel of a visual perspective * In object forms * In object presentations A Google map shown on a form can only show one address and this address must be stored in some attribute of the object. A Google map shown in a visual perspective or a presentation can show multiple. Again an object that the query queries on must have the attribute that s… text/html 2023-05-09T02:01:42+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0420_show_thumbnails?rev=1683597702&do=diff manuals how_to form ui How to show thumbnails To show pictures as thumbnails you need to have an attribute of the Picture type defined in some business object. Then you can define a query that would show this attribute in the query results. The presentation properties of the Picture attribute allow you to specify scaling options for pictures displayed by queries. text/html 2023-05-09T02:01:50+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0430_dashboards?rev=1683597710&do=diff manuals how_to form ui How to create dashboards and allow end users to customize them To create a dashboard you need to define a visual perspective with at least one tab containing content panels. This is explained in the “Adding/Editing Visual Perspectives” section. You can define content panels containing results of queries, processes or text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0440_grid_reordering?rev=1749695708&do=diff manuals how_to form ui How to implement item reordering within a grid or custom query AwareIM supports reordering of items using drag and drop within grids (standard query results) and custom query views (custom query results). If you want to support item reordering within grids or custom views you need to define a process that would handle the reordering of the items. When the user performs a “drop” she always does it on some node in the grid or custom view. This node always represents some… text/html 2023-05-09T02:02:05+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0450_grid_drag_drop?rev=1683597725&do=diff manuals how_to form ui How to implement drag-and-drop between grids A record can be dragged from one grid represented by a standard query to another grid represented by some other standard query. Note that this will only work if both queries query on the same business object. text/html 2025-06-12T03:59:34+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0460_screen_tour?rev=1749700774&do=diff manuals how_to form ui How to use the "Screen Tour" feature The “Screen Tour” feature allows configurators to add explanation to the elements of a form, query or visual perspective, so that the user can understand the screen better. The explanation of the element is displayed to the user at the bottom of the screen with the marker pointing to the element of the screen being displayed. The user can jump between the elements of the screen and text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0470_signatures?rev=1749695708&do=diff manuals how_to form ui How to add support for electronic signature to your application If you want end users to sign electronically using the mouse (or fingers or stylus pens on mobile devices) you can add support for the electronic signature to your applications. To do this you need to add an attribute of the Picture type to one of your objects. An electronic signature will be stored in this attribute as a PNG file. When defining properties of this attribute, tick the “Represents signature” c… text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0480_rtl_support?rev=1749695708&do=diff manuals how_to form ui How to add right-to-left support To enable RTL-support for a user make sure that the value of the RTL attribute in the user is set to Yes. The RTL attribute is a predefined attribute that is added by AwareIM automatically to all members of the SystemUser text/html 2023-05-09T02:04:41+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0490_embed_video?rev=1683597881&do=diff manuals how_to form ui How to embed video in a form You will need to define an attribute of the Document type in some object and then add an HTML cell to your form with the following contents: <div style='width:400px;height:400px'><<MyObject.DocumentAttribute>></div> The div element is just to give width and height to the video. The actual video is embedded by a reference to the document attribute ( text/html 2025-06-12T02:35:08+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0500_css?rev=1749695708&do=diff manuals how_to form ui How to use CSS If you are familiar with the CSS technology then you can customize and enhance the look and feel of your AwareIM application. You can also improve “responsiveness” of your application by providing media-specific definitions for your screen elements. text/html 2025-06-12T03:59:34+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0510_button_icons?rev=1749700774&do=diff manuals how_to form ui How to use icon fonts to display an icon for a button There are many places in the Configuration Tool that you may need to use icons - when defining “panel” operations or “operations on records”, when defining menu commands, tabs and so on. Every time you add an icon you need to specify its properties on the text/html 2023-05-09T02:03:11+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0520_color_editor?rev=1683597791&do=diff manuals how_to form ui How to display colour editor Sometimes you need to store a colour, which you can edit using a colour editor. To do this define an attribute of the Plain Text type in an object – this attribute will store a textual value of the colour (need about 10 characters). Change the text/html 2023-05-09T02:03:18+00:00 Anonymous (anonymous@undisclosed.example.com) http://www.awareim.com/dokuwiki/docs/3400_how_to/0200_forms_and_user_interface/0530_images?rev=1683597798&do=diff manuals how_to form ui How to let users edit images stored in attributes of the Picture type Select the Picture attribute in the list of attributes of the object or on a particular form. Go to the Display Settings property. Then tick the Allow cropping and resizing checkbox. After you do this end users will be able to crop and/or resize images stored in this attribute.