Login to follow
MobileUI

MobileUI (ODC)

Supported
Stable version 1.2.1 (Compatible with ODC)
Uploaded on 17 Apr by OutSystems
MobileUI

MobileUI (ODC)

Details
Detailed Description

Mobile UI is a beautiful mobile-focused UI framework designed to build mobile apps with a long-term app strategy, where excellent user experience, modern design, and fast development are top priorities.

It brings new mobile-specific widgets built on a modern architecture, new icons, updated patterns and gestures, a mobile-first theme, and an improved developer experience.

Release notes 

New Features

  • Tabs — Dynamic Tabs: Added support for dynamic Tab widgets via new Items Type and Source properties. This allows developers to automatically generate a set of Tab Headers and Contents from a data list, eliminating the need to manually add and configure individual widgets for every option. (ROU-12435)
  • TopBar — Content Alignment: Added the ability to align TopBar content to the left or right. This update introduces a new alignment property for the TopBar, allowing developers to explicitly choose between left or right positioning for titles and action containers. (ROU-12446)
  • Input OTP — Max Slots: Increased the maximum number of slots and dividers in the Input OTP widget to 8. Developers can now configure additional digit slots and visual dividers to support high-entropy authentication. (ROU-12643)
  • Carousel — Adjacent Slide Preview: Added 'Show Adjacent Slide,' 'Slide Gap,' and 'Adjacent Slide %' options to the Carousel. When Show Adjacent Slide is enabled, the current slide is centered, revealing a portion of the previous and next slides. Developers can now customize the Slide Gap (supporting token-based spacing) and the Adjacent Slide % (10–25% visibility) to tailor the layout for images, cards, or content. (ROU-12575)
  • List — Scaffolding: Implemented list scaffolding to support drag-and-drop entity population. Developers can now drag an entity directly onto a List widget to populate it with associated data and attributes automatically, significantly accelerating the creation of data-driven interfaces. (ROU-12640)
  • Dynamic Type Font Support: Mobile UI apps now support dynamic font scaling for enhanced accessibility. Applications automatically adjust text size based on the user's system-level accessibility settings, respecting font scaling preferences set in iOS and Android. (ROU-12556 / RPM-6511)


Improvements & Changes

  • Tabs:
    • Tab Validators: Added a validator for the 'Default Active' property in the Tabs widget. This update introduces a design-time validation check that triggers an error if an invalid or out-of-bounds value is entered for the starting tab. (ROU-12464)
    • Tabs Refactor: Refactored the Tabs widget to use placeholders for the Tab Header and Tab Content instead of the deprecated widgets. (ROU-12543)
  • Avatar — Badge Validations: Added validation to the Avatar Badge 'Number' and 'Limit' properties in ODC Studio. (ROU-12642)
  • Badge — Negative Value Validation: Fixed the Badge Number property negative value validation title and added validation for negative values for the Badge Limit property. (ROU-12645)
  • DatePicker — Design-Time Calendar Preview: Added a design-time preview for the DatePicker's calendar view, enabling a visual representation directly within the Service Studio canvas rather than showing a generic placeholder. (ROU-12641)
  • Accordion — Styling Update: Updated the Accordion widget with refined styling and spacing. This update removes the redundant bottom divider from the final item in an Accordion list, aligns the 'pressed' state color with the latest design specifications, and unifies spacing for nested accordions. (ROU-11979)


Bug Fixes

  • InputDateTime — Style Propagation: Fixed an issue that caused the Style parameter on the DatePicker to only apply to the inner ion-datetime element. The fix ensures that the style parameter now correctly affects the Input and Modal elements as well. (ROU-11953)
  • Carousel:
    • Broken Slide Layouts: Fixed an issue that caused the Carousel to display broken slide layouts when multiple children were present within a single slide. (ROU-12578)
    • Autoplay Interval Variable: Fixed an issue that caused the Carousel widget property 'Autoplay Interval' to not accept variables. (ROU-12614)
  • Widgets — General:
    • Drag-and-Drop Content Loss: Fixed an issue that caused input and selection widgets to lose their content during drag-and-drop or copy-paste operations. This affected Checkbox, Button, Button Group, Bottom Bar Item, Radio Button, Input, Tag, Switch, Textarea, and Dropdown widgets placed within custom structures or complex parent containers. (ROU-12599)
    • Boolean/Integer Property Mismatch: Fixed an issue that caused Boolean and Integer properties to resolve to different values during runtime compared to design time. (ROU-12657)
    • Placeholder Re-rendering: Fixed an issue that caused the BottomSheet, Button, and Topbar widgets to re-render even when properties were accessed without an actual value change. (ROU-12649)
  • Layout Side Menu:
    • List Virtualization: Fixed an issue that caused the Layout Side Menu to fail to display List widget content when the list was using virtualization. (ROU-12601)
    • Duplicated Titles: Fixed an issue that caused duplicated application titles and user information. This bug occurred when the visibility of placeholders was toggled, causing 'Application Title' and 'User Info' elements to be instantiated multiple times in the DOM. (ROU-12637)
  • Tabs:
    • Tab Header Copy/Paste: Fixed an issue where Tab Header Items remained attached to a previous Tab instance when copying and pasting from one Tab widget to another. The fix ensures internal identifiers and parent-child relationships are correctly reset during the paste operation. (ROU-12602)
    • Visible/Enabled State: Fixed an issue that caused Tabs to misbehave after their Visible or Enabled properties were updated at runtime. (ROU-12669)
  • TopBar:
    • Transparent Type Buttons: Fixed an issue that caused TopBar buttons to become invisible when the Type property was set to Transparent. (ROU-12613)
    • Actions Alignment: Fixed an issue that caused the TopBar actions to be incorrectly aligned and exhibit broken interaction behavior. (ROU-12670)
  • DatePicker:
    • Validation on Submit: Fixed an issue that caused the DatePicker widget to incorrectly flag a valid date as invalid during form submission. (ROU-12611)
    • Double Date Selection on Drag: Fixed an issue that caused the DatePicker to maintain focus on days from a previous month after a user dragged to a new month on native mobile. (ROU-12660 / RPM-6662)
    • Time Picker Invisible on iOS: Fixed an issue that caused the time picker within the DatePicker widget to be invisible on iOS devices. (ROU-12661 / RPM-6664)
    • Month Navigation on iOS: Fixed an issue that caused the DatePicker widget to fail to change the month when selecting adjacent days after a scroll action on iOS devices. (ROU-12668 / RPM-6680)
    • MonthSelect Render Issues: Fixed an issue that caused the DatePicker to remain unready after opening and occasionally display multiple months as selected, due to a race condition during initialization. (ROU-12675 / RPM-6686)
  • Avatar — Emoji/Special Character Fallback: Fixed an issue that caused the Avatar widget to incorrectly render emojis or special characters when used as Fallback Text. (ROU-12646)
  • List — Swipe Action Placeholder Hidden: Fixed an issue that caused List Item side placeholders to be hidden when a Swipe Action was added to the widget. (ROU-12648)