Skip to Main Content

jQuery Mobile is no longer supported

Please note that jQuery Mobile applications are desupported.

Overview

APEX 18.1 introduced three new Region Types that have been ported from the jQuery Mobile user interface. These components are light weight, mobile friendly, and can help to simplify your apps transition from jQuery Mobile to Universal Theme.

List View

The List View component provides a simple list-based user interface that has a wide range of features. This component has built in search, list dividers, counters, nested lists, and more.

Be sure to visit the Components → List View page for additional examples.

List View Examples

List View Examples

Column Toggle Report

The column toggle table mode selectively hides columns at narrower widths as a sensible default but also offers a menu to let users manually control which columns they want to see.

The Column Toggle Report provides a responsive table-based report that can selectively hide columns based on the width of the screen. There is also a column selection control where you can manually set the columns to display. This component is ideally suited for display tabular data in an easily consumable manner for small screen devices.

Be sure to visit the Components → Data Tables and Reports → Column Toggle Report page for additional examples.

Column Toggle Examples

Column Toggle Examples

Reflow Report

The Reflow Report provides another responsive table-based report where on small screens, the table columns become stacked and each row becomes a block of data. This is an alternative display to the Column Toggle Report and can be useful when you want to display all columns of a tabular report in a way that works well for small screens.

Be sure to visit the Components → Data Tables and Reports → Reflow Report page for additional examples.

Reflow Report Examples

Reflow Report Examples

Responsive Design and Mobile UI Patterns

Universal Theme is designed to be responsive, so it will look and feel great on any screen size device. However, the patterns you use for your application may change depending on the your use cases. Here are some commonly asked questions that may provide some guidance as you build your next app.

  • How can I migrate my jQuery Mobile app to Universal Theme?
    For most apps, perhaps the simplest solution may be to start with a blank slate using Universal Theme. Identify the key flows of your mobile app, and then reimagine them using all the features and functionality of Universal Theme. This may be the perfect opportunity to experiment with the capabilities of Universal Theme and how you can use them to build an incredible small screen experience.

  • Should I build a separate app for mobile and desktop?
    This may be unnecessary for most cases. Unless your app will be primarily used on small screen devices, it may be better to optimize the UI of your app for the mobile use case rather than creating a separate app. However, if you have a very specific mobile use case, then by all means, build a separate app that is mobile-optimized and applies mobile UI patterns to provide a great small screen experience.

  • What are some things I should keep in mind as I develop my next mobile app?
    That's a great question! First -- who are your users? What type of devices do they use? What is the primary usecase of your application? What is the setting in which your application is used? There are several things to consider before you write a single line of code. The more you understand your users and use cases, the more successful you will be with your APEX app.

Mobile UI Patterns

Here are a number of Mobile UI Patterns you can follow as you build your next mobile app.