Skip to end of metadata
Go to start of metadata

In most cases, your mobile apps will be required to provide a way to capture user input which will be then carried to server for further processing. This can be either adding new record or modifying existing record. However, building data form that conforms to mobile usability in a native mobile platform is relatively complex – not to mention the cross-platform difficulties and challenges.

Designing beautiful and highly usable data entry form requires you to pay detailed attentions on the overall user experiences during editing such as rotation handling and smart keyboard dismissal. A more sophisticated mobile UI design should consider more factors which takes account the device kind and orientation.

For example, a full screen modal navigation is preferred in phone devices, while larger devices such as iPad prefers popover which is more ideal and looks more intuitive. Another example, the date time picker is best displayed with lightly-dismissed popup that slides up from the bottom in a phone device, however, doing so in larger devices such as iPad doesn’t make such a good sense. Instead, the iPad design guidelines recommends the date time picker to be presented in a call out pointing to the current edited field since it has larger screen real estate.

Most business developers find these kind of design-related aspects irrelevant to their more functional-related tasks – and often times skipping these important design aspects, ultimately lead the apps to less-than-ideal, poor user experiences.

Crosslight features a powerful Form Builder that allows you to build rich data entry form – fast and easy. With simple property and attributes definition, you can quickly create a data form that runs on various support platforms such as iOS, Android and Windows.

The following links guide you through the steps to get started with Form Builder, from understanding the Form Builder concept, discovering the supported editor types, extending the form builder and ultimately showing the form with an EditorViewModelBase(T) Class.

Walkthrough

For detailed, step-by-step instructions to get started with Form Builder, please refer to Walkthrough: Getting Started with Crosslight Form Builder.

Samples

Learn all Form Builder capabilities and features by seeing them in action. Check out the following samples:


Related Topics