Form Layouts
The form specifies the style, dimension, and inventory of controls.
Each control contains dimensions and coordinates. The form layout is calculated in pixels form the upper right hand corner. Dimensions are represented in pixels that have a density dependent on the resolution of the display device. Pixel density is an expression of pixels per inch (also known as PPI). For example, desktop monitors have long had a pixel density of 72 pixels per inch. High-density displays have resolutions exceeding 220 PPI.
The following table specifies the available layout, default declensions, and if the layout is part represented in the Nintex Mobile App.
Default Layouts
| Name | Height | Width | Nintex Mobile App | Description |
|---|---|---|---|---|
| Android | 475 | 325 | false | The layout describes the visual structure of the form interface for a device running the Android OS. For more information about Android layout, see "Layouts" in the Android SDK. |
|
Desktop |
600 |
700 |
false |
The desktop layout is the default layout. The desktop layout is for a full Web client running on a full operating system OS either on a laptop, desktop workstation, or tablet with a full version of a system such as the Microsoft Surface. |
|
iPad |
1000 |
750 |
false |
The iPad layout specifies pixels that would fit within the bounds of the first generation iPad which had a display of 1024 x 768 pixels. For information about the iOS layout see "Designing for iOS" in the iOS Developer Library. |
|
iPhone |
475 |
325 |
false |
The iPhone layout specifies pixels that would fit within the bounds of the first generation iPhone with a display of 480 x 320 pixels. For information about the iOS layout see "Designing for iOS" in the iOS Developer Library. |
|
Nintex Mobile for iPad |
600 |
680 |
true |
The mobile app specifies dimensions that fit into the bounds of the app for the form factor. |
|
Nintex Mobile for iPhone |
680 |
320 |
true |
The mobile app specifies dimensions that fit into the bounds of the app for the form factor. |
|
Nintex Mobile for Windows |
600 |
1000 |
true |
The mobile app specifies dimensions that fit into the bounds of the app for the form factor. |
|
Nintex Mobile for Windows Phone |
680 |
320 |
true |
The mobile app specifies dimensions that fit into the bounds of the app for the form factor. |
|
Nintex Mobile for Windows Snap View |
680 |
300 |
true |
The mobile app specifies dimensions that fit into the bounds of the app for the form factor. |
|
Nintex Mobile Phone |
680 |
320 |
true |
The mobile app specifies dimensions that fit into the bounds of the app for the form factor. |
|
Nintex Nintex Tablet |
600 |
1000 |
true |
The mobile app specifies dimensions that fit into the bounds of the app for the form factor. |
|
Smart Phone |
475 |
325 |
false |
The generic smart phone dimensions match the first generation iPhone ratio. |
|
Windows Phone |
475 |
325 |
false |
The dimensions match the first generation of the Windows Mobile OS found on phones such as the Nokia Lumia. |
Key Elements of a Layout
The following table contains some key elements of the layout.
| Name | Description |
|---|---|
| Device Name | The name of the display. |
| Grid Cell Height | The height of the grid in pixels. |
| Grid Cell Width | The width of the grid in pixels. |
| Height | The height of the form in pixels. |
| Width | The width of the form in pixels. |
Key Elements of the Control Layout
The following table contains some of the key elements of the form control layout.
| Name | Description |
|---|---|
| Height | The height of the control in pixels. |
| Width | The width of the control in pixels. |
| Left | The x-coordinate on the form layout of the upper left edge of the control. |
| Top | The y-coordinate on the form layout of the upper left point of the control. |