---
title: "Info mode settings"
canonical: "https://docs.cuesystem.com/space/TOA/234193738/Info%20mode%20settings"
format: markdown
---
> Macro (toc)

---

# Description and image preparation

> Macro (include)

> ℹ️ The images will be played back in **alphabetical order by name**, so it is advisable to name the pictures so that they are sorted correctly.

# Add pictures

<span style="color: #231f20">At</span> <span style="color: #231f20">first,</span> <span style="color: #231f20">add</span> <span style="color: #231f20">your</span> <span style="color: #231f20">info</span> <span style="color: #231f20">mode</span> <span style="color: #231f20">pictures</span> <span style="color: #231f20">to</span> <span style="color: #231f20">the</span> <span style="color: #231f20">picture</span> <span style="color: #231f20">stack.</span> <span style="color: #231f20">Here</span> <span style="color: #231f20">you</span> <span style="color: #231f20">can</span> <span style="color: #231f20">place</span> <span style="color: #231f20">**up**</span>** **<span style="color: #231f20">**to**</span>** **<span style="color: #231f20">**30**</span> <span style="color: #231f20">background/info</span> <span style="color: #231f20">mode</span> <span style="color: #231f20">files.</span> 

- <span style="color: #231f20">Click</span> <span style="color: #231f20">on</span> <span style="color: #231f20">"</span><span style="color: #231f20">**Basic**</span>** **<span style="color: #231f20">**Setup**</span>** **<span style="color: #231f20">**/ Pictures**</span><span style="color: #231f20">".</span> <span style="color: #231f20">Then</span> <span style="color: #231f20">click on</span> <span style="color: #231f20">"</span><span style="color: #231f20">**Add**</span><span style="color: #231f20">"</span> <span style="color: #231f20">in the</span> <span style="color: #231f20">"</span><span style="color: #231f20">**For**</span>** **<span style="color: #231f20">**backgrounds and**</span>** **<span style="color: #231f20">**info**</span>** **<span style="color: #231f20">**mode**</span><span style="color: #231f20">" section.</span>
- <span style="color: #231f20">Click on "</span><span style="color: #231f20">**Select file**</span><span style="color: #231f20">". The standard dialogue window for the opening of files will come up. In your computer, select a PNG</span> <span style="color: #231f20">(JPG)</span> <span style="color: #231f20">file</span> <span style="color: #231f20">with</span> <span style="color: #231f20">the</span> <span style="color: #231f20">appropriate</span> <span style="color: #231f20">picture.</span>
- <span style="color: #231f20">Then</span> <span style="color: #231f20">click</span> <span style="color: #231f20">the</span> <span style="color: #231f20">"</span><span style="color: #231f20">**Add**</span><span style="color: #231f20">"</span> <span style="color: #231f20">button.</span>

> ℹ️ Repeat this step to add all info mode pictures used in your reservation suite.

- <span style="color: #231f20">In the end, tap "</span><span style="color: #231f20">**Save**</span><span style="color: #231f20">" to save changes.</span>

# Set pictures for info mode

<span style="color: #231f20">Now that we have the images uploaded, we can set the info mode on the touch panels. You can set which info mode pictures</span> <span style="color: #231f20">will be displayed on each reservation system panel.</span>

> ℹ️ This setup is **individual for each panel** of the reservation suite, i.e. different panels may display different info mode slideshows.

- <span style="color: #231f20">Click on</span> <span style="color: #231f20">"</span><span style="color: #231f20">**Units /**</span>** **<span style="color: #231f20">**All units**</span><span style="color: #231f20">".</span> <span style="color: #231f20">A</span> <span style="color: #231f20">list of</span> <span style="color: #231f20">all reservation</span> <span style="color: #231f20">suite</span> <span style="color: #231f20">units will</span> <span style="color: #231f20">be displayed.</span>
- <span style="color: #231f20">Click</span> <span style="color: #231f20">on</span> <span style="color: #231f20">the</span> <span style="color: #231f20">**Edit**</span>** **<span style="color: #231f20">button</span> <span style="color: #231f20">of</span> <span style="color: #231f20">the</span> <span style="color: #231f20">selected</span> <span style="color: #231f20">touch</span> <span style="color: #231f20">panel.</span> <span style="color: #231f20">The</span> <span style="color: #231f20">page</span> <span style="color: #231f20">for</span> <span style="color: #231f20">detailed</span> <span style="color: #231f20">panel</span> <span style="color: #231f20">settings</span> <span style="color: #231f20">will</span> <span style="color: #231f20">be</span> <span style="color: #231f20">displayed.</span> <span style="color: #231f20">Scroll</span> <span style="color: #231f20">down</span> <span style="color: #231f20">and</span> <span style="color: #231f20">tap</span> <span style="color: #231f20">"</span><span style="color: #231f20">**more**</span><span style="color: #231f20">"</span> <span style="color: #231f20">in the line "</span><span style="color: #231f20">**Info mode**</span><span style="color: #231f20">".</span>
- <span style="color: #231f20">In</span> <span style="color: #231f20">the</span> <span style="color: #231f20">item</span> <span style="color: #231f20">"</span><span style="color: #231f20">**Enable**</span>** **<span style="color: #231f20">**info**</span>** **<span style="color: #231f20">**mode**</span><span style="color: #231f20">"</span> <span style="color: #231f20">you</span> <span style="color: #231f20">can</span> <span style="color: #231f20">enable</span> <span style="color: #231f20">info</span> <span style="color: #231f20">mode</span> <span style="color: #231f20">on</span> <span style="color: #231f20">the</span> <span style="color: #231f20">reservation</span> <span style="color: #231f20">system</span> <span style="color: #231f20">panel.</span>
- <span style="color: #231f20">In “</span><span style="color: #231f20">**Idle timeout**</span><span style="color: #231f20">“ set the time after which the panel goes into info mode.</span>
- <span style="color: #231f20">In the</span> <span style="color: #231f20">"</span><span style="color: #231f20">**Change**</span>** **<span style="color: #231f20">**image**</span>** **<span style="color: #231f20">**after**</span><span style="color: #231f20">"</span> <span style="color: #231f20">item,</span> <span style="color: #231f20">select</span> <span style="color: #231f20">the</span> <span style="color: #231f20">time</span> <span style="color: #231f20">interval</span> <span style="color: #231f20">after</span> <span style="color: #231f20">which</span> <span style="color: #231f20">the images</span> <span style="color: #231f20">will</span> <span style="color: #231f20">change.</span>
- <span style="color: #231f20">Use</span> <span style="color: #231f20">the</span> <span style="color: #231f20">checkboxes to</span> <span style="color: #231f20">select</span> <span style="color: #231f20">the images</span> <span style="color: #231f20">that will</span> <span style="color: #231f20">be</span> <span style="color: #231f20">displayed in</span> <span style="color: #231f20">the</span> <span style="color: #231f20">info mode</span> <span style="color: #231f20">slideshow on</span> <span style="color: #231f20">the</span> <span style="color: #231f20">panel.</span>
- <span style="color: #231f20">Then</span> <span style="color: #231f20">click</span> <span style="color: #231f20">the</span> <span style="color: #231f20">"</span><span style="color: #231f20">**OK**</span><span style="color: #231f20">"</span> <span style="color: #231f20">button.</span>

> ℹ️ Repeat this step for all required panels.

- <span style="color: #231f20">Tap</span> <span style="color: #231f20">"</span><span style="color: #231f20">**Save**</span><span style="color: #231f20">"</span> <span style="color: #231f20">to</span> <span style="color: #231f20">save</span> <span style="color: #231f20">changes</span> <span style="color: #231f20">and</span> <span style="color: #231f20">apply</span> <span style="color: #231f20">them</span> <span style="color: #231f20">to</span> <span style="color: #231f20">the</span> <span style="color: #231f20">whole</span> <span style="color: #231f20">reservation</span> <span style="color: #231f20">suite.</span>

Continue with [touchONE-overview adding and setup](https://cue.atlassian.net/wiki/spaces/TOA/pages/234193785).