Features: Mobile Features
Panel controls provide a simple, yet elegant system for creating sophisticated mobile applications.
Group your fields, buttons and other controls onto panel cards. Then use panel navigators to slide between panel cards.
You can slide left to right, right to left, top to bottom or bottom to top. And you can switch between cards by swiping with your finger or mouse, or via a button or program control.
When changing the orientation of the mobile device from portrait to landscape or vice-versa the panels are automatically re-arranged so that they fit optimally in the space available.
This flexible system lets you create the framework for any web application you can imagine.
Panel Controls are created using the new UX Control (middle image).
In this simple layout, two fields and a button are placed on a panel card. The result is shown in the mobile simulator (bottom image).
Panel Card Genie
Create the framework for your mobile application even faster using the Panel Card Genie. This Genie lets you use simple shorthand (or pointing and clicking if you prefer) to define the structure of your mobile application. Pre-defined sample templates are also included.
Easy Testing For Phones And Tablets
Easily test your mobile applications with your mobile hardware. Just click the Remote Publish button and choose whether you want an IP address, machine name, or a QR code.
With the QR code your camera-equipped device - like a smartphone - can read the code and connect you to your live application. You just need an app that can read QR codes (like Red Laser).
You can also have the application's URL emailed to you or simply displayed on the screen.
In addition, simulators are included so that you can see how your applications will look on a varierty of popular mobile devices. You can also view each device in landscape and portrait mode.
List Control For Web and Mobile Applications
The List Control is a powerful new control type that can be added to the UX component. It's especially useful in applications that are designed for Mobile devices, but is great for Web applications.
You can think of the List Control like a read-only Grid Component, complete with many of the features you'd find in a grid.
- It can be displayed in either a columnar or free-form layout
- It can contain computed values
- It can contain images and buttons
- It can search records
- It can show records divided into groups
- It can contain row expanders to drill down into other data - such as data contained in child records
Much more information and many more videos about the List Control can be found in the Release Notes.
Tree Control and Switch Control
Add Tree Controls and Switch Controls to your mobile application.
- The Tree Control organizes your data into a heirarchy and can be populated with a static list, a JSON string or a server-side Xbasic function. There is also a genie that can generate the JSON for you to save you time in coding and debugging.
- The Switch Control allows you to add a two state switch to your web and mobile applications. The style of the switch can be controlled using CSS, and the control is bound to a variable that you can use in your own scripts. It also includes an onSelect event to fire the script of your choice when the state changes.
Touch Event Support
Take full advantage of touch screen capabilities while remaining compatible with devices that do not have touch screens by using abstract events. These can events can be triggered by a touch event (on a touch enabled screen), a mouse (on a desktop browser) or a pointer (on a pointer enabled screen).
The following abstract events are supported:
Fires when the user presses down on an element (with either the mouse, a finger or a pointer).
Fires when the user releases after a press down on an element (with either the mouse, a finger, or a pointer).
Fires when the user moves on an element (with either the mouse, a finger or a pointer).
Fires when the user presses and releases an element (with either the mouse, a finger or a pointer). NOTE: If, by the time the release takes place, the mouse, finger or pointer has moved off the original target position, then the event is not fired.
Fires when the user double clicks on an element (with either the mouse, a finger or a pointer).
Fires when the user presses on an element and does not release for a certain amount of time (with either the mouse, a finger or a pointer).
Fires when the user swipes (in any direction) on an element (with either a finger, mouse or pointer).
Fires when the user swipes up on an element (with either a finger, mouse or pointer).
Fires when the user swipes down on an element (with either a finger, mouse or pointer).
Fires when the user swipes left on an element (with either a finger, mouse or pointer).
Fires when the user swipes right on an element (with either a finger, mouse or pointer).
These abstract events allow you to use true touch events instead of standard HTML events like OnClick. The benefit is that you can save 200ms per "click" on touch devices, making your application more responsive and not "sticky" feeling.
Pre-Defined Action Sheet And Panel Window Styles
Create full featured reports that can include grouping, calculations, summaries, images and more - all optimzied for smartphones and tablets.
Navigate directly to the sections of a report that interest you by clicking either a bookmark link or a link in the report's table of contents. The full power of sophisticated reporting merges with the convenience of a small screen.