We’ll setup a custom user interface using the
UI Designer.
Open the UI Designer panel.
Click the 
button to create a new User interface.
Select the HD preset.
*Note: When creating a User Interface you can select from the list of preset to choose the resolution of a device.
If your desired resolution is not listed, select any preset and modify it’s resolution by using the 
button.
Page 1: General
Rename the Page to General.
Drag & drop an image item from the Toolbox.
Set the position to (0;0) and the size to 1920×1080.
Drag & drop the media UI_1 from the UI folder in the Media list panel into the Source of the Image item.
Drag & drop a Text item and change the text to General. Set the font size to 75 and set it at the top of the interface aligned with the middle.
Drag & drop a Timeline item and in the Editor panel set the Timeline value to SHOW.
Drag & drop a Task item to have the Tasks buttons available.
By default, the Task item displays all available tasks, you can filter them by assigning keywords to your Tasks in the
Taskspanel and using those keywords in theUI Designerpanel.
Tag the PiP tasks previously created with a ‘pip’ tag and use this filter in the Task item in the UI.
Page 2 : Rehearsal
In the Hierarchy section of the UI Designer, copy & paste the first page (or drag & drop a Page item from the Toolbox section to start a fresh one).
Change the Text item to display Rehearsal.
In this interface we’ll target the Tasks with the keyword rehearsal.
In the Tasks panel add the keyword ‘rehearsal’ to the three Jingle and the Blue Loop tasks created in Part 1.
Remove the Timeline item and center the Tasks item.
Change the value of Keyword to rehearsal.
Set the Rows and Columns value to 2.
Page 3 : Video Projectors
We’ll add a third page to control our video projectors
In the Hierarchy section, duplicate the first page again.
Change the Text item to display Video Projectors
In the Devices panel create 2 Barco video projectors.
In the UI Designer panel drag & drop the two video projectors from the Device panel.
Buttons to go from one page to another
In the General page add three Button items. Name them: GENERAL, REHEARSAL, VIDEO PROJECTORS.
Select the General button and open the Actions tab in the Editor panel.
Click on edit : onClicked.
In the UI tab drag & drop Go to page into the Execution list on the left.
Select the item that was created and set the Page to GENERAL.
Repeat these steps for the two other Buttons.
You can now copy/paste these buttons on the other two pages.
This basic user interface has introduced a few of the possibilities available in the UI Designer panel.
Feel free to explore the other options and refine this UI to your liking.
At the top of the UI Designer tab you can toggle the RUN/EDIT button to exit Edit mode and preview and test the interface in an interactive mode.
Need more help with this?
Don’t hesitate to contact us here.