Creating/Opening Projects in the UI Creator

Create a new project:

  1. Click File > New.

    uic file new

  2. Name your project, select landscape or portrait Orientation, then click Create project.

    uic new project name

    If Quick Start is selected, the Quick Start Wizard will guide you through the process of building a UI from your project’s System Builder XML file, or from a dummy file that can be modified later - see Quick Start for more information.

  3. For portrait orientation, ensure that Device Properties > Screen Rotation Angle in System Builder is set to 90°.

    sb pdts portrait orientation
Open an existing project:

Build folders must be saved to This PC > Documents > PDTS UI Creator - Project builds. . Click File > Open.

+

uic file open

  1. Navigate to the project folder and click Select Folder.

    uic file open dialog

Quick Start

The Quick Start Wizard guides you through the process of building a UI based on logical and device data XML files from System Builder.

These files are automatically exported to your UI project folder when you copy the job details from System Builder, or you can export them manually.

Export XML Data From System Builder:

  1. With the job file open in System Builder, click File > Export > Logical Data…

    sb export logical

  2. Ensure that Export all logical data, XML file, and Exclude hidden… are selected, then click OK and follow the prompts to save the file.

    sb export logical dialog

  3. Click File > Export > Device Data…

    sb export device

  4. Ensure that Export all devices and XML file are selected, then click OK and follow the prompts to save the file.

    sb export device dialog

You are now ready to proceed in the UI Creator.

Build Your UI With the Quick Start Wizard:

  1. When creating a new project in the UI Creator, select Quick Start and click Create Project.

    uic new project quickstart

  2. Choose your XML files (or select I don’t have an XML project and device file yet to proceed with a dummy file) and click Next.

    +

    uic quickstart 1
    The dummy file provides up to 29 configurable areas (#2-30) with 8 channels and 8 presets per area.

  3. Select the Areas, Channels, and Presets to include in the UI, then click Next.

    uic quickstart 2

  4. Select the default Philips style or create your own Custom style and with selected colors and fonts.

    When you are finished, click Complete to save your new UI.

    uic quickstart 3

  5. Click Build in the top right corner of the window to save your new UI, or make further modifications - see UI Pages and UI Components.

    uic quickstart complete