XPages and Me

My Journey into XPages Development

Category Archives: Splitting up: Another Way to Handle Large Forms

Splitting up: Another Way to Handle Large Forms – Part 1: The Bootstrap Panel Custom Control

An important part to splitting up the the forms is, to have a panel that can be animated. For each step in your process to guide the user thru filling out the large from, you’ll need one panel. And to make the transition between each step look nice, you’d want to use JQuery animation.

Take a look at the following posts. They’ll explain how to set up a reusable Panel custom control and how to enhance it, so we can use it for our purposes:

Dabbling in Boostrap and Font Awesome Part 6-8: re(Use) Me! (Panel)

Diving into Bootstrap and Font Awesome – Part 2: Enhancing the Bootstrap Panel Custom Control

In the next post, I’ll show you how I’ve set up an application layout custom control, that’ll allow us to use a side bar for the form navigation.

Advertisements

Splitting up: Another Way to Handle Large Forms – Introduction

When dealing with large forms with lots and lots of fields on them, be it as a user or developing an application with large forms, you’ve probably encountered the issue of validation and ease of navigation:

  • As a user, if the form is poorly designed, you’ll have to scroll thru it to find the fields, for which the validation failed. This can become rather frustrating, if it is not immediately clear, where the validation failed and you have to try and submit a form multiple times in order to get it done
  • As a developer, you have to come up with an innovative way to display validation errors that make sense and are easy to rectify for the potential user

Read more of this post