About fixed vs​. responsive layouts

The Layout Editor lets you choose between fixed layout mode and responsive layout mode.

• Use the fixed layout mode if the layout you are designing is intended for use with only a single screen layout or screen form factor. For example, if the layout is only for use in a single ViewApp that will be viewed on a monitor, then using the fixed layout mode is appropriate.

• Use the responsive layout mode if the layout is intended for use with multiple screen form factors. For example, if the layout will be used in multiple ViewApps designed for viewing on different screen form factors, or if the ViewApp will be viewed on hand-held devices through the OMI web client.

The two modes are mutually exclusive, and any unsaved changes mode in one mode will be undone if you switch to the other mode. You can toggle between the responsive and fixed layout modes, by the clicking or touching the Fixed Layout/Responsive Layout button.

You can also switch between modes by enabling or disabling the IsResponsive behavior layout property. To view responsive layout properties, tap or click above the layout window, in the area that shows screen resolutions. To view layout properties, tap or click anywhere outside the layout window.

Important: All changes to the layout are discarded when you switch between modes. Note that if you switch from responsive to fixed or vice versa and then save the layout. you will lose any changes from the previous layout type, even changes that were saved. There is no undo.

You will see something similar to following image when you add content to panes in Fixed Layout mode.

You add content the same way to panes in the responsive layout mode as in fixed layout mode. In the responsive layout mode, panes are now divided into 12 columns of equal width (there is a single pane initially, as is the case with fixed layouts). Panes can be added, and width of each pane can adjusted to use anywhere from one to 12 columns. Additionally, panes in different sized screens can be configured to use a different number of columns.

For more information about the responsive layout mode, see About the responsive layout mode.