---
title: "Project configuration"
canonical: "https://docs.cuesystem.com/space/CVCBP/802324589/Project%20configuration"
format: markdown
---
> Macro (prevnextnav-macro)

---

Now we will add the touch panel to the configuration.

![image](media://a4a398f5-7a6e-4e79-a9a3-841511c2c7a8)

![image](media://71a42b63-3fed-4152-a5f1-9cb41c6ab384)

![image](media://efb34fbd-ac67-4db4-9256-71085d6f7e2c)

- Select the **TouchPanel1** in MyProject Instances and open the **Windows **folder (double click) in the given panel and create the TouchPanel1 Windows

![image](media://1757a9e3-2b9f-4384-8110-6fc0d48e8a0f)

## Create a background page with a volume control

- Add a page from the Generic collection - select the Graphic Collections (G), open the GenericObjects, and drag to move it to the TouchPanel1 Windows

![image](media://14ebfe5e-023c-4a8b-91f1-f83801912e2d)

- This page will serve as a background and container for always-visible objects

![image](media://5713d7b4-e22f-46f6-aff1-7285b02f8cc5)

- Double-click on the object to open the TouchPanel1.Page1

![image](media://15c3cf76-be7d-4a23-abbe-aa9f4f679d35)

- On the right side, we place a vertical slider from the MulticolorSlider collection, which will be used to control the main volume and we will name it accordingly.

![image](media://f318c0f0-20df-4286-b989-da48a51e44c5)

- We set the name, size, and position for it.

![image](media://97c55d49-672f-487d-aa78-e8c86264cd1a)

- Then we place the image with the volume icon. We will use the Picture Box from the Generic Objects collection, and we set the size and position.

![image](media://4748c78b-c7b2-4de6-8231-4b508733ad63)

- Select the Volume100 icon from the Cue Icons 1 White 64 collection - select in the tab picture

![image](media://4ef5c40e-20e8-4b5b-af4b-5632332a9be1)

- Align the icon in the center-middle of the picture box.

![image](media://dd133202-fde8-4aba-8fa9-1596a81dd01b)

- Now we can copy the top picture box with the icon, place it under the slider and change the icon to Volume 33.

- In the lower right corner, we place the Digital time object from the generic collection.

- We will use the new font Segoe UI Light size 36.

![image](media://8fbdd990-c059-466b-93ff-ad73ba7245bd)

> ℹ️ This font can be inserted into the project and will be easy to select later.

- Finally, we set the font color to white.

We will change the name of this page to MainPage so that we can understand the purpose of this page in the program.

![image](media://65046f47-2089-4a8b-bc5a-6890f817642c)

Now we return to the list of touch panel windows and add a Vertical Navigation Bar from the Flat Navigation Bar collection.

---

> Macro (prevnextnav-macro)