Skip to Content (Press Enter)
Community › Forge › Assets list › MobileUI
MobileUI

MobileUI (ODC)

Supported
Stable version 1.5.0 (Compatible with ODC)
Uploaded on 21 Sep (2 weeks ago) 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.

ODC Asset screenshot_0
Release notes 

New Features

  • Top Bar - Hide on Scroll: Added a Hide on Scroll property to the Top Bar widget that hides it when the user scrolls down and shows it when they scroll up. This property applies only to the Top Bar within the Layout component. (ROU-12817)


Improvements & Changes

  • Widgets - Resize on the ODC Grid: Added support for resizing widgets directly on the ODC Studio canvas using the adorner handle. This applies to the Button, Button Group, Progress, Input, Dropdown, Text Area, Datepicker, Card, Column Item, and Range Slider widgets. (ROU-12296)

    • Potential visual impact at runtime: to honor the built-in Width, some of these widgets had their underlying CSS changed. If your app relied on the previous rendering of these widgets, their size, alignment, or spacing may change after this update.

  • Layout - Safe Area Handling: Improved how device safe areas (notch and navigation bars) are applied by consolidating all safe-area styling into a single bridge. This fixes safe areas being ignored in browser and PWA contexts on devices with a display cutout, and prevents extra padding inside modals on Android. (ROU-12951)


Bug Fixes

  • Top Bar:

    • Empty Area Below the Status Bar: Fixed an issue that caused an unexpected empty area to appear between the status bar and the Top Bar. This occurred on Android WebView 149.0.7827.5+ with MABS 11.2+, where the webview reported safe area values incorrectly. (ROU-12892)

    • Header Flickering on Navigation: Fixed an issue that caused the Top Bar header to flicker during rendering. This occurred when the header contained empty placeholders. (ROU-12999)

  • List:

    • Virtualization Inside Bottom Sheet and Modal: Fixed an issue that caused virtualized List widgets to render incorrectly when placed inside a Bottom Sheet or Modal widget. (ROU-12936 / RPM-7058)

    • Console Errors Inside Modal: Fixed an issue that caused the List widget to throw a console error when used inside a Modal. (ROU-12981)

  • Input - Clear Button on iOS: Fixed an issue that caused the Input widget's clear button to become unresponsive on recent iOS versions (iOS 26.0.0 and above). This occurred because WebKit event-handling changes in iOS 26 prevented click and touch events on the clear button icon from propagating to the underlying clear action. (ROU-12932 / RPM-7050)

  • Range Slider - Decimal Values: Fixed an issue that caused the Range Slider to misbehave when used with variable types other than Integer. (ROU-12732)

  • Design Time (Studio) - Memory Leak: Fixed an issue that caused ODC Studio to experience a memory leak during application development. This occurred when developers repeatedly navigated between different pages at design time, leaving unused resources uncollected in memory. (ROU-12894 / RPM-6989)