Using Mobile and Reactive Patterns

​

​

​

Components and UI patterns specially designed to address common application use cases in mobile development.

OutSystems UI Mobile Framework offers you different patterns that you can drag and drop to the screen for a great mobile experience.

• DatePicker
• Carousel
• Columns
• Gallery
• LightBoxImage
• MasterDetail
• RangeSliderInterval
• RangeSlider
• SplitScreen
• Stacked Cards
• Swipe Events
• Tabs
• TouchEvents

Articles in this Section

• Carousel

  Displays multiple items in a horizontal slide.

• Columns

  The Columns UI Pattern splits content into separate columns.

• Date Picker

  Date Picker allows the end user to select a single or a range of dates using a calendar.

• Gallery

  Displays content (such as cards) in a specific set of columns, configurable per device type and orientation.

• Lightbox Image

  Displays an image thumbnail that can be clicked to open a fullscreen image.

• Master Detail

  Displays a master list and the details for the currently selected item.

• Public Actions

• Range Slider Interval

• Range Slider

• Split Screen

  Splits the screen vertically in two independent panels.

• Stacked Cards

• Swipe Events

• Tabs

  Displays large sets of information, which can be split into different areas, while always remaining a click away.

• Touch Events