Viewport size ranges

Users can specify the optimal display range for their forms. This ensures that forms are rendered appropriately in different environments, such as desktop or mobile views.

This list shows the viewport size ranges available in Form Studio:

XS-XXL: For all screen sizes, treated as a Default value.
XS-SM: Only for smaller screens, all portrait, some landscape.
XS-MD: For small to medium screens, most portrait, some landscape.
MD-XXL: For medium to large screens, some portrait, most landscape.
LG-XXL: Only for larger screens, some portrait, all landscape.

In the Self-Service Portal (SSP), mobile view refers to the XS-SM range, also known as phone-to-tablet mode. If your form's viewport size falls outside this range, SSP displays a message indicating that the current view is not supported.

The XS-SM range follows the new breakpoint naming conventions used by Infor Design System (IDS). However, the actual pixel values are mapped to the breakpoints available in the current version of Angular.

Note: Breakpoints can be difficult to interpret since they have upper and lower limits, which can be either inclusive or exclusive. The XS-SM range is designed to cover most user scenarios effectively. For example, The form of size L-XXL is hidden on mobile views (smaller screens). Thus, devices like iPhone 12 Pro using the S-XS layout do not display the L-XXL layout forms.