Exercise: Test UI
This example describes how to create a new UI for managing contents of the new Test state.
Last updated
This example describes how to create a new UI for managing contents of the new Test state.
Last updated
Open the UI screen from your Design app. Unless you've modified your implementation, this screen is located at https://[YOUR_ADMIN_UI_DOMAIN]/app/design/common/ui. Click on 'Create New' button to create a new UI entry.
Set ID of the new UI as 'test', which will be used to define the URL path for accessing this new UI. Set name, status, id & name field values and switch 'Customizable ID' field as true.
On the 'Lister' tab, select 'Menu' lister and enter a lister title, which will list all test entries on a simple navigation list.
Switch to 'Tabs' tab, add a new tab named 'Definition' and add a new grid to this tab.
Click on 'Add' button to add the following new editor to this grid:
'Apply' and click on 'Save' button to create the simple UI.
Open the Source screen from your Design app. Unless you've modified your implementation, this screen is located at https://[YOUR_ADMIN_UI_DOMAIN]/app/design/common/source. Click on 'Create New' button to create a new Source entry.
You can also open 'dummy' source and select 'Duplicate' from its action menu to quickly create a replica and edit as well.
Open the App screen from your Design app. Unless you've modified your implementation, this screen is located at https://[YOUR_ADMIN_UI_DOMAIN]/app/design/common/app. Select already available 'Training' app and add a new menu entry for the 'Test' UI.
Navigating to [UI_SERVER]/app/train, you can now see your new UI in action.