# Rozložení obrazovek

<div id="bkmrk-" style="font-family: monospace; line-height: 1.5em;"></div>## **Spodní řádek**

 Na obrazovce panelu se mohou zobrazovat až tři ikony/hodnoty nezávisle na zvolené obrazovce.

## **Layout 212 - bez ikon**

<table border="1" id="bkmrk-%C2%A0-a1-%C2%A0-%C2%A0-%C2%A0-%C2%A0-b1-%C2%A0-c1" style="border-collapse: collapse; width: 30.2381%; height: 193.594px; border-width: 1px; border-color: rgb(126, 140, 141);"><colgroup><col style="width: 28.0632%;"></col><col style="width: 44.664%;"></col><col style="width: 27.2727%;"></col></colgroup><tbody><tr style="height: 97.7969px;"><td class="align-center" style="height: 97.7969px; border-color: rgb(126, 140, 141);">**A1**

</td><td class="align-center" rowspan="2" style="height: 193.594px; border-color: rgb(126, 140, 141);">**B1**

</td><td class="align-center" style="height: 97.7969px; border-color: rgb(126, 140, 141);">**C1**

</td></tr><tr style="height: 95.7969px;"><td class="align-center" style="height: 95.7969px; border-color: rgb(126, 140, 141);">**A2**

</td><td class="align-center" style="height: 95.7969px; border-color: rgb(126, 140, 141);">**C2**

</td></tr></tbody></table>

## **Layout 2×3**

<div id="bkmrk-a1-b1-c1-a2-b2-c2" style="font-family: monospace; line-height: 1.5em;"><table border="1" cellpadding="10" cellspacing="0" style="border-collapse: collapse; text-align: center; margin-bottom: 30px; height: 189.594px; width: 33.4524%; border-width: 1px; border-spacing: 0px; border-color: rgb(126, 140, 141);"><tbody><tr style="height: 94.7969px;"><td style="background-color: rgb(173, 216, 230); width: 31.7857%; height: 94.7969px; border-color: rgb(126, 140, 141);" title="A1: LED | UDP: 'panelPrac led value 21' | HTTP: /ctrl?cmd=led&value=21 | MQTT: regpanel/panelPrac/cmd/scr1/A1">**A1**

</td><td style="background-color: rgb(144, 238, 144); width: 34.6492%; height: 94.7969px; border-color: rgb(126, 140, 141);" title="B1: Text | UDP: 'panelPrac text scr1 btnB1 font30 value Hello' | HTTP: ... | MQTT: regpanel/...">**B1**

</td><td style="background-color: rgb(255, 255, 153); width: 33.5651%; height: 94.7969px; border-color: rgb(126, 140, 141);" title="C1: Clock | UDP: 'panelPrac clock time 18:59' | HTTP: ... | MQTT: ...">**C1**

</td></tr><tr style="height: 94.7969px;"><td style="background-color: rgb(216, 191, 216); width: 31.7857%; height: 94.7969px; border-color: rgb(126, 140, 141);" title="A2: RTTTL | UDP: 'panelPrac rtttl value dance...' | HTTP: ... | MQTT: ...">**A2**

</td><td style="background-color: rgb(255, 165, 0); width: 34.6492%; height: 94.7969px; border-color: rgb(126, 140, 141);" title="B2: LCD | UDP: 'panelPrac lcd value 50' | HTTP: ... | MQTT: ...">**B2**

</td><td style="background-color: rgb(255, 165, 0); width: 33.5651%; height: 94.7969px; border-color: rgb(126, 140, 141);" title="C2: Dimmer | UDP: 'panelPrac dimm value 0' | HTTP: ... | MQTT: ...">**C2**

</td></tr></tbody></table>

</div>A1, B1, C1, A2, B2, C2 → tlačítka, mohou obsahovat **ikonu** nebo **text** Lze vynechat některá tlačítka (např. A1, B2, D3)

## **Layout 3x4**

<div id="bkmrk-a1-b1-c1-d1-a2-b2-c2" style="font-family: monospace; line-height: 1.5em;"><table border="1" cellpadding="10" cellspacing="0" style="border-collapse: collapse; text-align: center; margin-bottom: 30px; width: 42.381%; height: 270px; border-width: 1px; border-spacing: 0px; border-color: rgb(126, 140, 141);"><tbody><tr style="height: 89.7969px;"><td style="background-color: rgb(173, 216, 230); width: 25.2577%; height: 89.7969px; border-color: rgb(126, 140, 141);" title="A1: LED ...">**A1**

</td><td style="background-color: rgb(144, 238, 144); width: 25.2577%; height: 89.7969px; border-color: rgb(126, 140, 141);" title="B1: Text ...">**B1**

</td><td style="background-color: rgb(255, 255, 153); width: 25.2577%; height: 89.7969px; border-color: rgb(126, 140, 141);" title="C1: Clock ...">**C1**

</td><td style="background-color: rgb(211, 211, 211); width: 25.2577%; height: 89.7969px; border-color: rgb(126, 140, 141);" title="D1: Neaktivní">**D1**

</td></tr><tr style="height: 89.7969px;"><td style="background-color: rgb(216, 191, 216); width: 25.2577%; height: 89.7969px; border-color: rgb(126, 140, 141);" title="A2: RTTTL ...">**A2**

</td><td style="background-color: rgb(255, 165, 0); width: 25.2577%; height: 89.7969px; border-color: rgb(126, 140, 141);" title="B2: LCD ...">**B2**

</td><td style="background-color: rgb(173, 216, 230); width: 25.2577%; height: 89.7969px; border-color: rgb(126, 140, 141);" title="C2: LED ...">**C2**

</td><td class="align-center" style="background-color: rgb(211, 211, 211); width: 25.2577%; height: 89.7969px; border-color: rgb(126, 140, 141);" title="D2: Neaktivní">**D2**

</td></tr><tr style="height: 91.7969px;"><td style="background-color: rgb(211, 211, 211); width: 25.2577%; height: 91.7969px; border-color: rgb(126, 140, 141);" title="A3: Neaktivní">**A3**

</td><td style="background-color: rgb(211, 211, 211); width: 25.2577%; height: 91.7969px; border-color: rgb(126, 140, 141);" title="B3: Neaktivní">**B3**

</td><td style="background-color: rgb(211, 211, 211); width: 25.2577%; height: 91.7969px; border-color: rgb(126, 140, 141);" title="C3: Neaktivní">**C3**

</td><td style="background-color: rgb(211, 211, 211); width: 25.2577%; height: 91.7969px; border-color: rgb(126, 140, 141);" title="D3: Neaktivní">**D3**

</td></tr></tbody></table>

</div>A1–D3 → tlačítka, mohou obsahovat **ikonu** nebo **text**  
Lze vynechat některá tlačítka (např. A1, B2, D3)