Views are webpages composed of components connected by bindings and event handlers.
First, create a new application or navigate to an existing application. Open the application menu on the top-left, and create a new view with the "+" button. The whitespace in the center is your canvas; this is a live preview of what users will see. The right sidebar is where you configure the user interface — this is where you will add and configure components.
From the three-dot menu next to a view's name, you can take the following actions:
- Make home: Make this view the default view that an end user sees when opening your application.
- Rename: Change the view's name.
- Clone: Create an exact copy of this view and all of its components.
- Delete: Delete this view. If it is the home view, another view will become home. Carefully ensure that the view is totally unused before deleting it.
Canvas width is a property of the canvas. The canvas property menu can be accessed by clicking anywhere within the empty space on the canvas.
A view can have one of three widths:
- Small: 820 pixels. This is best when you need users to read top-to-bottom, or when there are fewer components in the view.
- Medium: 1060 pixels. Goldilocks zone or half-measure? It's up to you!
- Large: 1300 pixels. At this width, a view is best-suited for taking up an entire desktop screen. It's helpful when you are building applications that have a lot of information.
When shrinking the width of the canvas, components will attempt to re-arrange themselves to fit in the narrower space. When expanding the canvas, components will remain in their existing layout unless you move them individually.
The canvas will expand vertically as much as is necessary to fit the components placed within it.