In this section, we briefly cover some design considerations when we are creating a form for iOS. You may or may not have full control of the design of your form; however, to make it simpler to understand the limitations that may come up, the following table helps demonstrate the limited amount of screen real estate we have when working with forms. Hopefully, this will help you explain these limitations so that adjustments could be made. Let's take a look at the following table:
UI control |
Pixel dimensions |
---|---|
Status bar |
20 in Height |
URL text field |
60 in Height |
Form assistant |
44 in Height |
Keyboard |
216 in Portrait Height 162 in Landscape Height |
Button bar |
44 in Portrait Height 32 in Landscape Height |
The details regarding these controls can be found at https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/DesigningForms/DesigningForms.html.
Based on these values, we need to adjust our forms for certain dimensions...