All of the videos and examples I have seen using mobile panels are for display only. I am building a mobile screen for data-entry that has 8 different panels, and I'm having some interesting issues. I'm looking to share what I have encountered and find out if anyone else has had these issues.
My current issue is with error messages. Some of the fields on the form are required. If you have the messages showing inline, you can't see them when you finishing filling out the form, because they are on a hidden panel. This particular form as 8 panels, and the submit button is only on the last panel. However, when I switch it to show the errors in one location, it gives me other problems because it completely screws up the screen rendering. I haven't found a good solution.
If I set fields to validate immediately, I have found that the validation is sometimes triggered before you get to the panel. So, if the field is on panel 3, the error will already be triggered after you fill out the fields on the first two panels. This doesn't cause any usage issues, because it works - but the system is telling them to fill-in the field with an error message the moment to open that panel.
Should I use only server side validation on a mobile app, because I don't know what the device will or will not handle? Or can I safely use client-side validation, but if so, what is the best way to do so?
My current issue is with error messages. Some of the fields on the form are required. If you have the messages showing inline, you can't see them when you finishing filling out the form, because they are on a hidden panel. This particular form as 8 panels, and the submit button is only on the last panel. However, when I switch it to show the errors in one location, it gives me other problems because it completely screws up the screen rendering. I haven't found a good solution.
If I set fields to validate immediately, I have found that the validation is sometimes triggered before you get to the panel. So, if the field is on panel 3, the error will already be triggered after you fill out the fields on the first two panels. This doesn't cause any usage issues, because it works - but the system is telling them to fill-in the field with an error message the moment to open that panel.
Should I use only server side validation on a mobile app, because I don't know what the device will or will not handle? Or can I safely use client-side validation, but if so, what is the best way to do so?
Comment