Building a Page
The Pages section of Evoke provides the capability of building your App pages, refining them and adding navigation to them, But where do you start...
When you create a new app in Evoke a couple of new pages series and pages are setup for you to modify. These new pages are the same as the new pages created if you create a new page in Page Series. A couple of blank segments are included and, in the case of the pages created with a new app and example of a data segment displaying a message is included (see image right).
Pages define each of the screens displayed in your App. Each Page is made up of Segments. Segments can be any size and can have any number of Child segments within them. Each Segment can contain data, text, images, grids, etc. Individual segments can be arranged in Rows or Columns and in this way you can have the configuration (look and feel) of a Page that you want.
Build the Page up with Segments
To add, remove or structure segments you will need to use the Adjust tab in the configuration area to the right of the WYSIWYG display. Here you can add sibling or child Segments, change the order of segments, add or remove segments and adjust the Segments on your Page to the struture you require.
Structure a segment
To structure a Segment, First, use the General Tab in the configuration area to the right. Once you have considered the Content Type (data, blank, child, etc) and decided on any Access Control you are ready to add content and form to the Segment.
Add Content and Form
The content and form of a Data Segment are controlled by Templates, Widgets and Data Sources. Don't forget that you need to populate the data Source.
Refine the Segment
You can now refine your Segment using the Header, Spacing, Color, Navigation and Adjustment tabs that are explained in the UI Design.
Add more Segments
Repeat the process until you have a Page set up the way you want your App users to see.