2. Category design
In the designer click on File / New to make a new page design. Click on Save to give it a good name.
To add custom views (components) you need to select the necessary libraries. Go to the Main IDE window and click on the Libraries tab. In the list select the XUI and XUI Views libraries. They will appear on the top of the list.
Back in the designer window you can now select in the Add View menu CustomView / CustomListView.
Clicking on it will add the view to the Abstract Designer pane.
Make the selected CustomListView cover the entire background except for the bottom part.
Place a button in the bottom part in the middle.
To work easy we change the names: CustomListView1 becomes “clv2” and Button1 becomes “btn2”. We don’t use number 1 because the MainPage will contain a “clv1” and “btn1”.
You can change this in the Properties pane (after clicking on the view).
Click on File / Save to keep the settings (category_layout).