Using the slider

The key tool for adding and using boundaries in responsive design apps is the App Builder slider.

The slider is found on the extreme right edge of the canvas area. The slider is an oblong charcoal gray object. This object has three segments that are used to manage boundaries.

AB-Boundary slider

You can use this slider to simulate various widths for the screen, by dragging it left or right. This changes the size (width) of the canvas. When you reach a boundary marker, the display changes to whatever is defined for that boundary marker.

You can also use the slider to add standard boundaries or a custom boundary to your project.