Using boundaries in a project

Once you have added boundary markers to your project, you can use them to further develop and test how your app is to behave on various devices.

When you click a boundary marker, the canvas snaps to the boundary. This makes it easy to quickly check the layout for each boundary setting. A second click on the same marker results in the canvas expanding to fill the workspace area.

After you select and click a boundary marker, you can arrange the contents of the canvas in various ways for that boundary setting. For instance, when switching from a laptop boundary marker to a smart phone boundary marker, you might want to change the orientation of the AppPanel from horizontal to vertical. You might want to move any buttons or other components from a left alignment to a center alignment. However you want, you can change the layout and other display elements of your app for each boundary marker.

You can also click and drag the slider back and forth to verify that the app layout changes correctly at each boundary marker.