---
title: "Layout setting"
canonical: "https://docs.cuesystem.com/space/TOA/234193462/Layout%20setting"
format: markdown
---
<span style="color: #231f20">The touchONE</span> <span style="color: #231f20">units</span> <span style="color: #231f20">support several different layouts and color skins</span> described in the [touchONE Layout Design Guide](https://cue.atlassian.net/wiki/spaces/TOLDG)<span style="color: #231f20">.</span> 

If you want to use a logo,  background picture, or info mode pictures for layout customization, first upload the appropriate pictures. Then <span style="color: #231f20">you</span> <span style="color: #231f20">can</span> <span style="color: #231f20">specify</span> <span style="color: #231f20">which user interface</span> layout <span style="color: #231f20">and</span> <span style="color: #231f20">skin</span> <span style="color: #231f20">will</span> <span style="color: #231f20">be</span> <span style="color: #231f20">used</span> f<span style="color: #231f20">or each unit.</span>

## Add pictures

Add your logo(s), background(s), or info mode pictures to the picture stack. Here you can place up to **6 logo** files and **30 background/info** mode files.

- At first, click on "**Basic Setup / Pictures**". Then click on "**Add**" in the appropriate "For logos" or "For backgrounds and info mode" section.
- Click on "**Select file**". The standard dialog window for the opening of files will come up. In your computer, select a PNG or JPG file with the appropriate picture. Then click the "**Add**" button.
- **Repeat **this step to add all logos, backgrounds, and info mode pictures used in your reservation suite. In the end, tap "**Save**" to save changes.

Later will be described how to **select **the logo or background picture used on each reservation suite unit.

## Set layout

Here you can select the layout and skin and customize them.

- Click on "**Units / All units**". A list of all reservation suite units will be displayed.
- Click on the “**Edit**” button of the selected unit.
- The page for detailed unit settings will be displayed. Scroll to the end of the page and tap "**More**" in the line "Appearance"
- Under "**Layout**" and "**Skin**", set your user interface and color skin for the selected unit.
- The "**Room name font size**" item allows you to set the font size of the room name. The default setting is "Small".
- Under "**Company Logo**" and “**Background picture**", choose one of the company logos or backgrounds (depending on the selected layout). You can choose from the files stored in the picture stack as described above.
- Under "**Show QR code**", select whether the room identification QR code will be displayed on the screen. This code is used by the touchONE mobile application. The default value is "No".   
QR code positions are described in the [touchONE Layout Design Guide](https://cue.atlassian.net/wiki/spaces/TOLDG/pages/276987907).
- Then click the "**OK**" button.

> ℹ️ Repeat these steps for all units where you want to change the default settings ("Layout 1" and "Skin 1" without the logo).

- Tap "**Save**" to save changes and apply them to the whole reservation suite.

> 📝 The procedure given here applies to touchONE touch panels. The procedure for the touchONE-overview unit can be found in the chapter Adding and setup the touchONE-overview.

Continue with [Rooms detailed settings](https://cue.atlassian.net/wiki/spaces/TOA/pages/234193635).