User Interface

<ui_page_dialog id="confirm_what_to_do" type="INFO" title="Here we go again">
   <messages context_variable="true">#{what_to_do}</messages>
   <buttons>
      <previous_page_btn>
         <text><![CDATA[<]]></text>
         <speech_command>PREVIOUS</speech_command>
         <focused>false</focused>
      </previous_page_btn>
      <next_page_btn>
         <text><![CDATA[>]]></text>
         <speech_command>NEXT</speech_command>
         <focused>false</focused>
      </next_page_btn>
      <close_btn>
         <text>ANDRRES_cancel</text>
         <command>BW</command>
         <speech_command>RETURN</speech_command>
         <focused>false</focused>
      </close_btn>
   </buttons>
</ui_page_dialog>

Handling the result

<rule id="confirm_what_to_do_back">
   <expression> <![CDATA[#{event:command} == 'BW' || #{event:command} == 'RETURN']]> </expression>
   <actions>
      <action ref="backwards"></action>
   </actions>
</rule>

Progress Notification

Opens and closes an intermediate and non-interruptive notification at the top right corner of the screen. This lets the worker know if something is happening in the background.

Suggested use-cases:

• A worker has to wait until communication is executed.
• Waiting for Synchronous Network-Communication (downloading or uploading files or confirming data to BackEnd).

Identifier: ui_progress_notification

Attributes

• id: Reference to displayed notification, needed to handle the "close" action.
• Possible values:underscore_separated_string
  • Required: Yes
  • Default value: Required to be set, no default value.

• title: Text displayed in the TitleBar
• Possible values:Optional title (wf variables will be resolved)
  • Required: Yes
  • Default value: Empty
• message: Text displayed in a message space
• Possible values:Notification message (wf variables will be resolved)
  • Required: Yes
  • Default value: Required to be set, no default value.
• action: Executes a command or list of commands.
• Possible values:Show and close
  • Required: Yes
  • Default value: Required to be set, no default value.

Examples

Minimal

To open notification:

<ui_progress_notification id="show_progress">
    <param name="id">group_confirmation</param>
    <param name="message">Bestätige Schritt</param>
    <param name="action">show</param>
</ui_progress_notification>

<ui_progress_notification id="close_progress">
    <param name="id">group_confirmation</param>
    <param name="action">close</param>
</ui_progress_notification>

<ui_progress_notification id="show_progress">
  <param name="id">group_confirmation</param>
  <param name="title">CommitProcess</param>
  <param name="message">Confirming PickGroup</param>
  <param name="action">show</param>
</ui_progress_notification>
<ui_progress_notification id="close_progress">
    <param name="id">group_confirmation</param>
    <param name="action">close</param>
</ui_progress_notificatio

Style Repository Modifications

Allows the creation of new styles and the modification of existing ones in your layout.

Suggested use-cases:

• Make list items the same text size

Identifier: modify_style_repo

Attributes

• style_name: Target-Name for created styles

• Possible values:Underscore_separated_string
  • Required: Yes
  • Default value: Required to be set, no default value.
• base_on: Name of existing style, the new style will inherit its attributes.
• Possible values:underscore_separated_string
  • Required: No
  • Default value: Optional, no default value
• override: Overrides the properties of the previously created style.
• Possible values:True, false
  • Required: No
  • Default value: False

Elements

• properties:These are the attributes of the user interface.
  • Required: Yes
  • Default value: Required to be set, no default value.

Examples

Minimal

<modify_style_repo id="change_exception_style" style_name="list_item_style_same_size">
    <properties>
        <param name="text_group" type="string">#{test_group}</param>
    </properties>
</modify_style_repo>

Reference style in UI layout elements:

<List Name="SELF_MENU_TABLE_MENU" Weight="0.75" FocusOrder="0" 
      TextStyle="LIST_ITEM_STYLE_SAME_SIZE" 
      PageIndicatorStyle="PAGE_INDICATOR_STYLE" EntriesPerPage="5" Border="0,gray.dark,black" Padding="10,0,10,0"/>

Produces:

All options

<modify_style_repo id="change_exception_style" style_name="list_item_style_same_size">
    <param name="base_on" type="string">list_item_style</param>
    <properties>
        <param name="text_group" type="string">#{test_group}</param>
        <param name="maxtextsize" type="string">15</param>
        <param name="gravity" type="string">center</param>
    </properties>
</modify_style_repo>

UI Set Focus Item

Sets a focus item within the user interface (UI).

Identifier: ui_set_focus_item

Example

<ui_set_focus_item id="myaction"><ui_set_focus_item/>