UI Controls

The UI description contracts map the technical events to logical events that are handled by the UI controller or application flow controller. There are two subtypes of UI controls: Containers and components. Containers contain other containers or components, while components are at the lowest hierarchy level in the UI and are atomic in nature.

• AdvancedSearch Control
  The AdvancedSearch control element supports the advanced search within a tabbed view. AdvancedSearch control enhances map-based planning by providing better visualization of customers from your device location in a map view. The AdvancedSearch control element is supported in the SingleElementArea area pattern within the TabbedViewAreaSection section pattern.
• Breadcrumb control
  The Breadcrumb control is a nested list control. You can use the breadcrumb control to enhance navigational functionality in the application. Breadcrumb navigation tracks the steps you take in an application and helps you to retrace steps quickly.
• Calendar Control
  Use the CalendarControl element to add a special calendar view that contains date and time-related data. The CalendarControl element provides an input field to select the date and time.
• Checkbox Control
  The Checkbox Control element defines a checkbox UI control that can have a label and the user can select (check) or clear (uncheck).
• DatePicker Control
  The DatePicker control element defines a special UI control that lets the user select a date value.
• Dropdown Control
  The Dropdown control is a dropdown menu that you can use in the HeaderLine control. The quick filter is modeled by using the Dropdown control and displays the list of items that are defined within the control. The business Logic filters the list depending on the selected item of the dropdown.
• EmbeddedList Control
  The EmbeddedList element defines a list control for an Area with the GroupedElementsArea pattern. Unlike a GroupedList, the EmbeddedList control items can’t be grouped or searched. Also, it can’t have a master-detail relationship with another control in the GroupedElementsArea.
• Events
  The Events element is a container where you can define different events specific to a UI element. The name of an Event Tag is the name of the event triggered by the UI Element. These UI-specific Event elements are described on the same page as their respective UI element.
• GoogleMap Control
  The GoogleMap element defines a map UI control to show waypoints and routes on a map.
• GroupElement Control
  The GroupElement element defines a container element that contains arbitrary UI control elements.
• Grouped List Control
  Organize items within a list by grouping and sorting them in a GroupedList element. For example, group products based on a product group or brand in an order.
• ImageButton Control
  The ImageButton element defines a button that has an image as well as a text displayed to the user. A floating info text can be displayed on the button as well.
• ImageSelector Control
  The ImageSelector element defines a list-type UI control that displays images with labels and a user can select an image.
• InputArea Control
  An InputArea element defines a single line text field that can accept user input. Text areas also have a label that is displayed to the user. The InputArea control can render only one line of text. For multiline text use InputAreaMultiLine UI control instead.
• InputAreaMultiLine Control
  The InputAreaMultiLine UI control is a special form of the InputArea UI control. You can enter more than one line of text. All properties, bindings, and events of the InputArea control are also available within the InputAreaMultiLine control.
• Items
  The Items element defines which itempattern is used for the items of a list and which data is displayed using this pattern.
• MediaControl
  A MediaControl is available in GroupElement control as a child control with one occurrence.
• MediaList Control
  The MediaListControl UI element defines a media control for including attachments in the application. You can include attachments such as video, images, or documents in the offline mobile app so that end users can review them. This UI element scales images or thumbnails and videos automatically to fit on the page, even if the orientation changes.
• MenuItem
  The MenuItems element is a container for MenuItem elements that has no attributes, bindings, or events.
• SelectionBox Control
  The SelectionBox element defines a grouped set of elements that allows the user to make a selection, similar to a radio button group or checkbox group. It can include a title and is enclosed by a border or similar UI element to indicate to the user that it’s a logical unit.
• Stepper Control
  The Stepper element defines an input control that uses a distinct range of values and provides control elements to navigate through these values. An example could be a number stepper that has a plus and a minus button that increase the value by a certain amount.
• TabSelector Control
  Use TabSelector to define a list of tab selector buttons from the tab pages defined as areas in the tabbed view area section.
• TimePicker Control
  The TimePicker Control element defines a special UI control and the user can select time.
• UIContainer Control
  UIContainer Control element acts as a placeholder element that you can use in the SingleElementArea and GroupedElementsArea.
• Welcome Control
  The Welcome element defines special welcome message UI control that consists of a welcome message, user name and image.