In the App design page, click on the the Create New Userviewbutton button along the top. Image RemovedImage Added
Key in the details of the new userview and click on the the Savebutton button. ID: A short and unique ID for each userview (no spaces), e.g.travelPortal Name: A descriptive name, e.g. Travel Portal Description: Optional description. Image RemovedImage Added
Click on on Saveto to save the userview and launch the the Userview Builderin in a new window. If your browser blocks the popup, click on the form name to launch it.
The first step in the Userview Builder is the the Design Userviewpage page. On the the leftis the palette containing available is the palette containing available menu elements. In the middle is the canvas containing the userview userview header,footerand and one or more more menu categories.Image Removed Image Added
When you hover over the canvas canvas Menu, a button will appear giving you the option to to Add Category.
You can click any category name to edit it, and drag categories up and down.
Dragmenu menu elements from the palette into any category.
Hover over any category or menu element to see the available options. Image RemovedImage Added
Click on on Propertiesbutton button to modify each menu element's properties. Image RemovedImage Added
At any time, you may preview the userview by clicking on the large large Previewbutton button at the top.
Once you have finished designing the userview, click on the large large Savebutton button at the top and you will receive confirmation that the userview is saved. You may then continue to design the userview, or close the Userview Builder window.
Before a userview can be accessed by a normal user, the app needs to be published. To do that, click on the the Not Publishedor or Versionslink link on the left in the App design page. Image RemovedImage Added
A popup displays all versions of the app. Select the radio button next to the latest version and click on the the Publishbutton button. Once an app is published, its userviews will be available in the App Center. Image RemovedImage Added