# 8.2.5. Megjelenési funkciók

### Funkció leírása

A **Megjelenési funkciók** szekció a mezők megjelenését szabályozó paramétereket tartalmazza.

A beállítások segítségével meghatározható többek között:

- a mező mérete;
- a mező helye a szerkesztőfelületen;
- a mező neve megjelenítésének módja;
- a táblázat és a fa oszlopainak megjelenési jellemzői;
- a billentyűzettel történő léptetés sorrendje;
- az információs buborék megjelenítése és tartalma.

### Elérés / Navigáció

**Munkafüzet szerkesztése → Mezők → Mező kiválasztása → Megjelenési funkciók**

### Paraméterek

A szekció az alábbi paramétereket tartalmazza:

- Mezőméret 
    - Szélesség (px)
    - Magasság (px)
- Mező pozíció 
    - X
    - Y
- Fejlécben megjelenő név
- Tab index
- Táblázat oszlop alapértelmezett szélessége
- Oszlop sorszáma a táblázatban
- Mezőnév pozíciója
- Tooltip ikon megjelenítése
- Megjelenő információs buborék szövege.

### Fontos

- A megjelenési paraméterek a mező megjelenését szabályozzák.
- Az egyes paraméterek működése egymástól független.
- Az egyes beállítások részletes ismertetése a következő alfejezetekben található.

## 8.2.5.1. Mezőméret

### Funkció leírása

A funkció a mező méretét határozza meg a szerkesztő- és futófelületen.

A mező mérete két paraméterből áll:

- **Szélesség (px)** – a mező szélessége pixelben;
- **Magasság (px)** – a mező magassága pixelben.

### Mire vonatkozik

A beállítás a mező megjelenített méretére vonatkozik.

### Működés

A **Szélesség (px)** értéke határozza meg a mező vízszintes méretét.

A **Magasság (px)** értéke határozza meg a mező függőleges méretét.

A módosítás a munkafüzet mentését követően lép érvénybe.

### Fontos

- A szélesség és a magasság külön paraméterként állítható be.
- Mindkét érték pixelben adható meg.
- A **Magasság (px)** paraméter csak azoknál a mezőtípusoknál módosítja a megjelenést, amelyek támogatják a függőleges méretezést, például: 
    - Többsoros szövegdoboz
    - Felirat
    - Gomb
    - Téglalap
    - Lekérdezés
    - Diagram
    - Nyomtatvány
- Azoknál a mezőtípusoknál, amelyek fix magasságúak (például egysoros beviteli mezők), a **Magasság (px)** értékének módosítása nem változtatja meg a mező megjelenését.
- Fix magasságú mező esetén a nagyobb magasság beállítása a szerkesztőfelületen átfedést okozhat más mezőkkel, ami megnehezítheti azok kijelölését és szerkesztését.

## 8.2.5.2. Mező pozíció

### Funkció leírása

A funkció a mező helyét határozza meg a munkafüzet szerkesztő- és futófelületén.

A mező helye két paraméterből áll:

- **X** – vízszintes pozíció;
- **Y** – függőleges pozíció.

### Mire vonatkozik

A beállítás a mező munkafüzeten belüli elhelyezkedésére vonatkozik.

### Működés

Az **X** paraméter a mező vízszintes helyzetét határozza meg.

Az **Y** paraméter a mező függőleges helyzetét határozza meg.

A két érték együttesen adja meg a mező helyét a munkafüzeten.

A módosítás a munkafüzet mentését követően lép érvénybe.

📷 **Kép – Mező pozíciójának beállítása**  
👉 ide a pozíció paramétereit bemutató kép

---

### Mező elhelyezése a vásznon kívül

A mező a vászon területén kívül is elhelyezhető.

Egérrel történő mozgatás során a mező csak a vászon méretén belül helyezhető át.

A korábban ismertetett billentyűkombinációkkal végzett mozgatás használatával a mező a vászon határán túlra is áthelyezhető.

A billentyűkombinációk részletes ismertetése a **Mező mozgatása** fejezetben található.

📷 **Kép – Mező elhelyezése a vásznon kívül**  
👉 ide olyan kép, ahol a mező a vászon határán kívül látható

### Működés

Amennyiben a mező a vásznon kívül helyezkedik el, a szerkesztő- és futófelület automatikusan akkora méretűre bővül, hogy a mező teljes egészében megjelenjen.

Szerkesztőfelületen a vásznon kívül elhelyezett mező egérrel történő megmozdításakor a mező visszakerül a vászon területére. Ezt követően a mező egérrel már csak a vásznon belül mozgatható.

📷 **Kép – Vásznon kívüli mező egérrel történő mozgatása**  
👉 ide olyan kép, ahol a mező a vásznon kívül helyezkedik el, majd az egérrel történő megmozdítást követően ismét a vásznon jelenik meg

---

### Fontos

- Az **X** és **Y** érték egymástól függetlenül módosítható.
- A mező helyét a két koordináta együttesen határozza meg.
- A pozíció módosítása a mező méretét nem változtatja meg.
- A vászon mérete a szerkesztőfelületen megjelenő munkaterület nagyságát határozza meg.
- A rács megjelenítése vagy elrejtése nem befolyásolja az egérrel történő mozgatás határát.
- Egérrel történő mozgatás kizárólag a vászon méretén belül lehetséges.
- Billentyűkombinációval a mező a vásznon kívül is elhelyezhető.
- Vásznon kívül elhelyezett mező esetén a szerkesztő- és futófelület automatikusan a szükséges méretre bővül, hogy a mező teljes egészében látható legyen.

## 8.2.5.3 Aktuális és gyermek rekord fejlécében megjelenjen

### Funkció leírása

A funkció meghatározza, hogy a mező értéke megjelenjen-e az aktuális rekord, illetve a hozzá kapcsolódó gyermek munkafüzet fejlécében. A feltöltött dokumentáció szerint a mező értéke megjeleníthető a rekord és gyerekei fejlécében.

### Mire vonatkozik

A beállítás a rekord és a kapcsolódó munkafüzet fejlécében megjelenő mezőértékekre vonatkozik.

### Működés

Bekapcsolt állapotban a mező értéke megjelenik a fejlécben, ha a mező tartalmaz értéket.

Amennyiben a mező üres, a fejlécben nem jelenik meg érték.

📷 **Kép – Beállítás a Láthatóságok között**  
👉 ide az a kép, ahol az **Aktuális és gyermek rekord fejlécében megjelenjen?** opció látható

### Megjelenés munkafüzet típusonként

**Nyitólap**

Adatlap típusú nyitólap esetén a mező értéke nem jelenik meg a nyitólap fejlécében, akkor sem, ha a funkció be van kapcsolva.

A mező értéke a nyitólaphoz gyermekként kapcsolt munkafüzet fejlécében jelenik meg.

📷 **Kép – Nyitólap fejléc mezőérték nélkül**  
👉 ide a nyitólap fejlécét bemutató kép

**Táblázat**

Táblázat típusú munkafüzet esetén a mező értéke megjelenik a táblázat fejlécében.

A táblázat egyik rekordját megnyitva a mező értéke a rekord fejlécében is megjelenik.

📷 **Kép – Mezőérték táblázat fejlécében**  
👉 ide a táblázat fejlécét bemutató kép

📷 **Kép – Mezőérték táblázatrekord fejlécében**  
👉 ide a megnyitott rekord fejlécét bemutató kép

**Fa**

Fa típusú munkafüzet esetén a működés a táblázathoz hasonló.

A mező értéke megjelenik a fa fejlécében, majd a fa rekordját megnyitva a rekord fejlécében is.

📷 **Kép – Mezőérték fa fejlécében**  
👉 ide a fa fejlécét bemutató kép

**Adatlap**

Adatlap típusú munkafüzet esetén a mező értéke az adatlap fejlécében jelenik meg.

📷 **Kép – Mezőérték adatlap fejlécében**  
👉 ide az adatlap fejlécét bemutató kép

### Kapcsolt gyermek munkafüzetek

Amennyiben a funkció egy táblázat vagy fa munkafüzet mezőjén aktív, a mező értéke megjelenik:

- az aktuális rekord fejlécében;
- az aktuális rekordhoz kapcsolt gyermek táblázat vagy fa fejlécében;
- kapcsolt adatlap esetén az adatlap fejlécében.

A gyermek táblázat vagy fa rekordját megnyitva a szülő munkafüzet mezőértéke már nem jelenik meg a gyermek rekord fejlécében.

📷 **Kép – Szülő rekord értéke gyermek munkafüzet fejlécében**  
👉 ide olyan kép, ahol a szülő rekord értéke a kapcsolt gyermek munkafüzet fejlécében látható

📷 **Kép – Gyermek rekord fejléce szülőérték nélkül**  
👉 ide olyan kép, ahol a gyermek táblázat vagy fa rekordja meg van nyitva, és a szülő értéke már nem látható a fejlécben

### Fontos

- Üres mezőérték esetén a fejlécben nem jelenik meg érték.
- Adatlap típusú nyitólap fejlécében a funkció nem jelenít meg mezőértéket.
- Táblázat és fa esetén a mezőérték a lista fejlécében és a megnyitott rekord fejlécében is megjelenik.
- Gyermek táblázat vagy fa rekordjának megnyitása után a szülő mezőértéke már nem látható a gyermek rekord fejlécében.
- A funkció csak a fejlécben megjelenő értéket szabályozza, a mező értékét nem módosítja.

## 8.2.5.4. Tab index

### Funkció leírása

A funkció meghatározza a mezők közötti léptetés sorrendjét a **Tab** billentyű használatakor.

### Mire vonatkozik

A beállítás a rekord szerkesztése során, billentyűzettel történő mezőváltás sorrendjére vonatkozik.

### Működés

A mezőhöz megadott **Tab index** érték határozza meg, hogy a **Tab** billentyű lenyomását követően milyen sorrendben kapják meg a mezők a fókuszt.

A kisebb sorszámú mezők előbb, a nagyobb sorszámú mezők később következnek.

A módosítás a munkafüzet mentését követően lép érvénybe.

📷 **Kép – Tab index beállítása**  
👉 ide a **Tab index** paramétert bemutató kép

📷 **Kép – Léptetés Tab billentyűvel**  
👉 ide olyan kép vagy animáció, amely a mezők közötti léptetési sorrendet szemlélteti

### Azonos Tab index

Több mezőhöz is megadható azonos **Tab index** érték.

Ebben az esetben a rendszer elsőként azt a mezőt veszi figyelembe, amelyhez az adott **Tab index** érték először lett rögzítve.

Az ugyanazzal a **Tab index** értékkel később mentett mezők a **Tab** billentyűvel történő léptetés során kimaradnak.

### Üres Tab index

A 0 érték megadása törli a **Tab index** értékét.

Üres **Tab index** esetén a mező nem vesz részt a **Tab** billentyűvel történő léptetésben.

### Fontos

- A beállítás kizárólag a **Tab** billentyűvel történő mezőváltás sorrendjét határozza meg.
- A funkció a mezők megjelenési helyét nem módosítja.
- Azonos **Tab index** több mezőhöz is megadható, azonban a léptetés során csak az elsőként rögzített mező kap fókuszt.
- A 0 érték a **Tab index** törlését eredményezi.
- **Tab index** csak azoknál a mezőtípusoknál állítható be, amelyek billentyűzettel fókuszba helyezhetők.
- Az alábbi mezőtípusok nem rendelkeznek **Tab index** paraméterrel: 
    - Gomb
    - Téglalap
    - Felirat
    - Lekérdezés
    - Fájlcsatolás
    - Nyomtatás

<div class="qMYqUG_convSearchResultHighlightRoot" id="bkmrk-8.2.5.5.-t%C3%A1bl%C3%A1zat-os"><div class="" data-is-intersecting="true" data-turn-id-container="request-69f31399-3f1c-83eb-a136-489dc89745ec-31"><section class="text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [&:has([data-writing-block])>*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]" data-testid="conversation-turn-304" data-turn="assistant" data-turn-id="request-69f31399-3f1c-83eb-a136-489dc89745ec-31" data-turn-id-container="request-69f31399-3f1c-83eb-a136-489dc89745ec-31" dir="auto">## 8.2.5.5. Táblázat oszlop alapértelmezett szélessége

### Funkció leírása

A funkció meghatározza a mezőhöz tartozó oszlop alapértelmezett szélességét táblázat nézetben. Az érték pixelben adható meg.

### Mire vonatkozik

A beállítás a táblázat nézetben megjelenő oszlop alapértelmezett szélességére vonatkozik.

### Működés

A paraméterben megadott érték határozza meg az oszlop alapértelmezett szélességét.

A módosítás a munkafüzet mentését követően lép érvénybe.

📷 **Kép – Táblázat oszlop alapértelmezett szélességének beállítása**  
👉 ide a paramétert bemutató kép

📷 **Kép – Alapértelmezett oszlopszélesség a táblázatban**  
👉 ide olyan kép, ahol az oszlop szélessége jól látható

### Oszlopszélesség módosítása futófelületen

A futófelületen az oszlop szélessége egérrel módosítható.

A felhasználó által beállított oszlopszélességet a rendszer az adott eszköz böngészőjének **Local Storage** tárterületén tárolja.

Ennek köszönhetően ugyanazon az eszközön és böngészőben a munkafüzet ismételt megnyitásakor a felhasználó által beállított oszlopszélesség jelenik meg.

Amennyiben a **Local Storage** tartalma törlődik, vagy a munkafüzet másik eszközön, illetve másik böngészőben nyílik meg, ismét a munkafüzetben beállított alapértelmezett oszlopszélesség érvényesül.

📷 **Kép – Oszlopszélesség módosítása futófelületen**  
👉 ide olyan kép, ahol az oszlop szélességének módosítása látható

### Fontos

- A beállítás csak **táblázat típusú** munkafüzet esetén használható, fa nézetben nincs hatása.
- Az érték pixelben adható meg.
- A paraméter a mező szerkesztőfelületen megjelenő méretét nem módosítja.
- Az oszlop futófelületen egérrel átméretezhető.
- A futófelületen beállított oszlopszélességet a rendszer az adott eszközön megőrzi.
- Az oszlop szélessége futófelületen **38 pixelnél kisebbre nem csökkenthető**.
- A paraméter minden olyan mezőtípusnál elérhető, amely megjelenhet táblázat nézetben.
- A táblázatban megjeleníthető mezőtípusok ismertetése a **8.2.4. Mezőlista** fejezetben található.

## 8.2.5.6. Oszlop sorszáma a táblázatban

### Funkció leírása

A funkció meghatározza a mező oszlopának helyét a táblázatban, vagyis azt, hogy a mező hányadik oszlopként jelenjen meg. Az oszlopok sorrendjét a rendszer a megadott sorszámok alapján alakítja ki.

### Mire vonatkozik

A beállítás a táblázat nézetben megjelenő oszlopok sorrendjére vonatkozik.

### Működés

A mezőhöz megadott oszlopsorszám határozza meg a mező oszlopának helyét a táblázatban.

A módosítás a munkafüzet mentését követően lép érvénybe.

📷 **Kép – Oszlop sorszámának beállítása**  
👉 ide a paramétert bemutató kép

### Oszlopsorrend módosítása

Amennyiben egy mező oszlopsorszáma módosul, és a megadott sorszámot már egy másik mező használja, a rendszer automatikusan módosítja az oszlopok sorrendjét.

A módosított mező a megadott oszlopsorszámot kapja meg.

Az eredetileg azon az oszlopsorszámon, valamint az azt követő oszlopsorszámokon szereplő mezők oszlopsorszáma egy-egy értékkel növekszik.

### Példa

Kiindulási állapot:

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="3a6a5ca4-a73b-410e-b1bc-6f06fe0993c4" data-message-model-slug="gpt-5-5" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling"><div class="TyagGW_tableContainer"><div class="group TyagGW_tableWrapper flex flex-col-reverse w-fit" tabindex="-1"><table class="w-fit min-w-(--thread-content-width)" data-end="1198" data-start="1089"><thead data-end="1113" data-start="1089"><tr data-end="1113" data-start="1089"><th class="last:pe-10" data-col-size="sm" data-end="1096" data-start="1089">Mező</th><th class="last:pe-10" data-col-size="sm" data-end="1113" data-start="1096">Oszlopsorszám</th></tr></thead><tbody data-end="1198" data-start="1139"><tr data-end="1153" data-start="1139"><td data-col-size="sm" data-end="1148" data-start="1139">A mező</td><td data-col-size="sm" data-end="1153" data-start="1148">1</td></tr><tr data-end="1168" data-start="1154"><td data-col-size="sm" data-end="1163" data-start="1154">B mező</td><td data-col-size="sm" data-end="1168" data-start="1163">2</td></tr><tr data-end="1183" data-start="1169"><td data-col-size="sm" data-end="1178" data-start="1169">C mező</td><td data-col-size="sm" data-end="1183" data-start="1178">3</td></tr><tr data-end="1198" data-start="1184"><td data-col-size="sm" data-end="1193" data-start="1184">D mező</td><td data-col-size="sm" data-end="1198" data-start="1193">4</td></tr></tbody></table>

</div></div></div></div></div></div></div></div>A **D mező** oszlopsorszámának **1** értékre módosítását követően:

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="3a6a5ca4-a73b-410e-b1bc-6f06fe0993c4" data-message-model-slug="gpt-5-5" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling"><div class="TyagGW_tableContainer"><div class="group TyagGW_tableWrapper flex flex-col-reverse w-fit" tabindex="-1"><table class="w-fit min-w-(--thread-content-width)" data-end="1377" data-start="1268"><thead data-end="1292" data-start="1268"><tr data-end="1292" data-start="1268"><th class="last:pe-10" data-col-size="sm" data-end="1275" data-start="1268">Mező</th><th class="last:pe-10" data-col-size="sm" data-end="1292" data-start="1275">Oszlopsorszám</th></tr></thead><tbody data-end="1377" data-start="1318"><tr data-end="1332" data-start="1318"><td data-col-size="sm" data-end="1327" data-start="1318">D mező</td><td data-col-size="sm" data-end="1332" data-start="1327">1</td></tr><tr data-end="1347" data-start="1333"><td data-col-size="sm" data-end="1342" data-start="1333">A mező</td><td data-col-size="sm" data-end="1347" data-start="1342">2</td></tr><tr data-end="1362" data-start="1348"><td data-col-size="sm" data-end="1357" data-start="1348">B mező</td><td data-col-size="sm" data-end="1362" data-start="1357">3</td></tr><tr data-end="1377" data-start="1363"><td data-col-size="sm" data-end="1372" data-start="1363">C mező</td><td data-col-size="sm" data-end="1377" data-start="1372">4</td></tr></tbody></table>

</div></div></div></div></div></div></div></div>📷 **Kép – Oszlopsorrend módosítása**  
👉 ide a példát bemutató kép

### Fontos

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="3a6a5ca4-a73b-410e-b1bc-6f06fe0993c4" data-message-model-slug="gpt-5-5" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling">- A beállítás a mező oszlopának helyét határozza meg a táblázatban.
- Azonos oszlopsorszám megadása esetén a rendszer automatikusan módosítja a többi érintett mező oszlopsorszámát.
- A paraméter módosítása a mező megjelenését és működését nem befolyásolja.
- A **Rekord ID** oszlop mindig a táblázat első oszlopaként jelenik meg, ezt követik a mezők a beállított oszlopsorszám szerint.

</div></div></div></div></div></div>## 8.2.5.7. Mezőnév pozíciója

### Funkció leírása

A funkció meghatározza, hogy a mező neve a mezőhöz képest milyen pozícióban jelenjen meg. A mező neve megjelenhet a mező előtt, a mezőben, a mező fölött, illetve el is rejthető.

### Mire vonatkozik

A beállítás a mező nevének megjelenési helyére vonatkozik.

### Működés

Alapértelmezés szerint a mező neve a vászon **Mezőnevek megjelenítése** beállításának megfelelően jelenik meg.

Amennyiben a **Mezőnév pozíciója** paraméter értéke módosul, a mező saját beállítása felülírja a vászonon megadott alapértelmezett megjelenítési módot.

A módosítás a munkafüzet mentését követően lép érvénybe.

📷 **Kép – Mezőnév pozíciójának beállítása**  
👉 ide a paramétert bemutató kép

📷 **Kép – Mezőnevek megjelenítése a vásznon**  
👉 ide a vászon szintű beállítást bemutató kép

### Elérhető megjelenítési módok

#### Mező előtt

A mező neve a mező bal oldalán jelenik meg.

📷 **Kép – Mezőnév a mező előtt**  
👉 ide olyan kép, ahol a mező neve a mező bal oldalán látható

#### Mezőben

A mező neve a mezőn belül jelenik meg.

Amennyiben a mező nem tartalmaz értéket, a mező neve a mező közepén látható.

Érték megadását követően a mező neve a mező bal felső sarkába kerül, az érték pedig alatta jelenik meg.

📷 **Kép – Mezőnév a mezőben üres állapotban**  
👉 ide olyan kép, ahol a mező még nem tartalmaz értéket

📷 **Kép – Mezőnév a mezőben kitöltött állapotban**  
👉 ide olyan kép, ahol a mező neve már a bal felső sarokban látható

#### Mező fölött

A mező neve a mező felett jelenik meg.

📷 **Kép – Mezőnév a mező fölött**  
👉 ide olyan kép, ahol a mező neve a mező felett látható

#### Rejtett

A mező neve nem jelenik meg.

📷 **Kép – Rejtett mezőnév**  
👉 ide olyan kép, ahol a mező felirat nélkül jelenik meg

### Fontos

- Alapértelmezés szerint a mező neve a vászon **Mezőnevek megjelenítése** beállításának megfelelően jelenik meg.
- A **Mezőnév pozíciója** paraméter felülírja a vásznon megadott alapértelmezett beállítást.
- A beállítás kizárólag a mező nevének megjelenítési helyét módosítja.
- A mező működését és értékét a beállítás nem befolyásolja.
- **Rejtett** beállítás esetén a mező neve nem jelenik meg a felhasználói felületen.

## 8.2.5.8. Tooltip ikon megjelenítése

A **Tooltip ikon megjelenítése** funkció szabályozza, hogy a mezőhöz tartozó információs buborék kérdőjel ikon formájában megjelenjen-e a felhasználói felületen.

Az információs buborékban megjelenő szöveg a **Megjelenő információs buborék szövege** paraméterben adható meg.

### Mire vonatkozik

A beállítás minden olyan mezőre vonatkozik, amely támogatja az információs buborék megjelenítését.

### Paraméterek

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="3a6a5ca4-a73b-410e-b1bc-6f06fe0993c4" data-message-model-slug="gpt-5-5" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling"><div class="TyagGW_tableContainer"><div class="group TyagGW_tableWrapper flex flex-col-reverse w-fit" tabindex="-1"><table class="w-fit min-w-(--thread-content-width)" data-end="692" data-start="454"><thead data-end="476" data-start="454"><tr data-end="476" data-start="454"><th class="last:pe-10" data-col-size="sm" data-end="466" data-start="454">Paraméter</th><th class="last:pe-10" data-col-size="md" data-end="476" data-start="466">Leírás</th></tr></thead><tbody data-end="692" data-start="499"><tr data-end="600" data-start="499"><td data-col-size="sm" data-end="532" data-start="499">**Tooltip ikon megjelenítése**</td><td data-col-size="md" data-end="600" data-start="532">Meghatározza, hogy a mező mellett megjelenjen-e a kérdőjel ikon.</td></tr><tr data-end="692" data-start="601"><td data-col-size="sm" data-end="645" data-start="601">**Megjelenő információs buborék szövege**</td><td data-col-size="md" data-end="692" data-start="645">Az információs buborékban megjelenő szöveg.</td></tr></tbody></table>

</div></div></div></div></div></div></div></div>### Működés

#### Bekapcsolt állapotban

Amennyiben a **Megjelenő információs buborék szövege** paraméter tartalmaz értéket, a mező bal felső sarkában kérdőjel ikon jelenik meg.

Az egérmutatót a kérdőjel ikon fölé mozgatva megjelenik az információs buborékban megadott szöveg.

*tooltip\_ikon\_megjelenik.png*

*tooltip\_ikon\_feletti\_informacios\_buborek.png*

#### Kikapcsolt állapotban

A kérdőjel ikon nem jelenik meg.

Amennyiben a **Megjelenő információs buborék szövege** paraméter tartalmaz értéket, az információs buborék szövege a mező fölé mozgatott egérmutató hatására jelenik meg.

*tooltip\_ikon\_nem\_jelenik\_meg.png*

*informacios\_buborek\_mezon.png*

### Fontos

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="3a6a5ca4-a73b-410e-b1bc-6f06fe0993c4" data-message-model-slug="gpt-5-5" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling">- A **Tooltip ikon megjelenítése** beállítás kizárólag a kérdőjel ikon megjelenését szabályozza.
- Az információs buborék szövegét a **Megjelenő információs buborék szövege** paraméter határozza meg.
- Amennyiben a **Megjelenő információs buborék szövege** paraméter nem tartalmaz értéket, információs buborék nem jelenik meg, függetlenül a **Tooltip ikon megjelenítése** beállítás értékétől.
- Kikapcsolt **Tooltip ikon megjelenítése** esetén az információs buborék továbbra is elérhető, azonban a szöveg a mező fölé mozgatott egérmutató hatására jelenik meg, nem pedig a kérdőjel ikon fölé mozgatáskor.

  
</div></div></div></div><div class="z-0 flex min-h-[46px] justify-start">  
</div></div></div>## 8.2.5.8. Fejlesztői feljegyzések

### Funkció leírása

A funkció segítségével fejlesztői vagy szerkesztői megjegyzés adható a mezőhöz.

Az itt megadott információ kizárólag a szerkesztőfelületen látható.

### Mire vonatkozik

A beállítás a mezőhöz tartozó belső megjegyzésre vonatkozik.

### Működés

A **Fejlesztői feljegyzések** mezőbe szabad szöveges megjegyzés írható.

Amennyiben a mező tartalmaz fejlesztői feljegyzést, a szerkesztőfelületen a mező kijelölésekor üzenet ikon jelenik meg a mező bal alsó sarka mellett.

Az egérmutatót az üzenet ikon fölé mozgatva megjelenik a fejlesztői feljegyzés szövege.

A futófelületen a fejlesztői feljegyzés nem jelenik meg.

A módosítás a munkafüzet mentését követően lép érvénybe.

📷 **Kép – Fejlesztői feljegyzések megadása**  
👉 ide a **Fejlesztői feljegyzések** mezőt bemutató kép

📷 **Kép – Fejlesztői feljegyzés megjelenése szerkesztőfelületen**  
👉 ide olyan kép, ahol a mező mellett látható az üzenet ikon és a megjelenő feljegyzés

### Fontos

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="z-0 flex min-h-[46px] justify-start">- A fejlesztői feljegyzés belső megjegyzésként használható.
- A megadott szöveg csak szerkesztőfelületen látható.
- A feljegyzés a mező kijelölésekor megjelenő üzenet ikonon keresztül érhető el.
- A beállítás a mező működését és értékét nem módosítja.
- .A futófelületen a felhasználó nem látja a fejlesztői feljegyzést.

</div></div></div>## 8.2.5.9. Nyíl elrejtése

### Funkció leírása

A **Nyíl elrejtése** funkció meghatározza, hogy a lista tartalmának megnyitására szolgáló lenyíló nyíl megjelenjen-e a mező jobb oldalán.

A beállítás kizárólag a nyíl megjelenését szabályozza, a mező működését nem módosítja.

### Mire vonatkozik

A beállítás minden olyan mezőtípusra vonatkozik, amely lenyitható listát jelenít meg, például:

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="z-0 flex min-h-[46px] justify-start">- Felhasználó lista
- Többértékes felhasználó lista
- Legördülő lista
- Többértékes legördülő lista
- minden egyéb, lenyitható listát megjelenítő mezőtípus

</div></div></div>### Működés

#### Bekapcsolt állapotban

A mező jobb oldalán található lenyíló nyíl nem jelenik meg.

A mező továbbra is változatlan módon használható, a lista megnyitását kizárólag a nyíl megjelenése nem segíti.

📷 *nyil\_elrejtese\_bekapcsolva.png*

#### Kikapcsolt állapotban

A mező jobb oldalán megjelenik a lenyíló nyíl.

📷 *nyil\_elrejtese\_kikapcsolva.png*

### Fontos

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="z-0 flex min-h-[46px] justify-start">- A funkció kizárólag a lenyíló nyíl megjelenését szabályozza.
- A beállítás a mező működését nem módosítja.
- A funkció minden olyan mezőtípusnál használható, amely lenyitható listát jelenít meg.
- A módosítás a munkafüzet mentését követően lép érvénybe.

</div></div></div>## 8.2.5.10. Színe

### Funkció leírása

A **Színe** funkció a **Felirat** és **Téglalap** mezőtípusoknál érhető el. A funkció a mező keretének színét szabályozza.

Amennyiben a **Téglalap** mezőnél a **Kitöltés a választott színnel** funkció engedélyezett, a téglalap belső területe is a kiválasztott színnel jelenik meg.

**Gomb** mezőtípusnál a **Színe** funkció nem érhető el. A gomb feliratának és hátterének színe külön paraméterekkel állítható.

### Működés

A szín kiválasztható a beépített színválasztó (**Color Picker**) segítségével, vagy közvetlenül megadható, illetve módosítható HEX színkóddal.

📷 *szine\_egyedi\_szin\_kivalasztasa.png*

📷 *color\_picker.png*

A módosítás a munkafüzet mentését követően lép érvénybe.

### Fontos

- A funkció **Felirat** és **Téglalap** mezőtípusoknál érhető el.
- A keret színe a kiválasztott színnek megfelelően jelenik meg.
- **Téglalap** mezőtípusnál a **Kitöltés a választott színnel** funkció engedélyezése esetén a mező teljes belső területe a kiválasztott színnel jelenik meg.
- **Felirat** mezőtípusnál teljes kitöltés nem hozható létre. A keret vastagságának növelése esetén is megmarad a felirat számára fenntartott belső terület.
- Felirat mezőtípusnál a szöveg mindig a keret felső részétől lefelé eltolva jelenik meg. Például **20 px** keretvastagság esetén a szöveg a mező felső szélétől **25 px** távolságra kezdődik, míg az alsó keret a szöveg alatt **5 px** távolság megtartásával jelenik meg. Emiatt a keret vastagságának növelése nem eredményez teljes felületi kitöltést.
- Gomb mezőtípusnál a felirat és a háttér színe külön paraméterrel szabályozható.

## 8.2.5.11. Keret megjelenítése

A **Keret megjelenítése** funkció a **Felirat** és **Téglalap** mezőtípusoknál érhető el. A funkcióval a mező keretének megjelenése szabályozható.

### Paraméterek

<div class="TyagGW_tableContainer"><div class="group TyagGW_tableWrapper flex flex-col-reverse w-fit" tabindex="-1"><table class="w-fit min-w-(--thread-content-width)" data-end="982" data-start="274"><thead data-end="296" data-start="274"><tr data-end="296" data-start="274"><th class="last:pe-10" data-col-size="sm" data-end="286" data-start="274">Paraméter</th><th class="last:pe-10" data-col-size="md" data-end="296" data-start="286">Leírás</th></tr></thead><tbody data-end="982" data-start="307"><tr data-end="420" data-start="307"><td data-col-size="sm" data-end="319" data-start="307">**Színe**</td><td data-col-size="md" data-end="420" data-start="319">A keret színe módosítható. A szín színválasztóból választható ki, vagy HEX színkóddal adható meg.</td></tr><tr data-end="500" data-start="421"><td data-col-size="sm" data-end="436" data-start="421">**Kitöltés**</td><td data-col-size="md" data-end="500" data-start="436">Téglalap esetén a mező a beállított keretszínnel kitölthető.</td></tr><tr data-end="561" data-start="501"><td data-col-size="sm" data-end="521" data-start="501">**Keret stílusa**</td><td data-col-size="md" data-end="561" data-start="521">A keret vonalának stílusa állítható.</td></tr><tr data-end="633" data-start="562"><td data-col-size="sm" data-end="590" data-start="562">**Keret vonalvastagsága**</td><td data-col-size="md" data-end="633" data-start="590">A keret vastagsága pixelben adható meg.</td></tr><tr data-end="723" data-start="634"><td data-col-size="sm" data-end="666" data-start="634">**Keret sarkainak görbülete**</td><td data-col-size="md" data-end="723" data-start="666">A sarkok lekerekítésének mértéke pixelben adható meg.</td></tr><tr data-end="789" data-start="724"><td data-col-size="sm" data-end="740" data-start="724">**Bal keret**</td><td data-col-size="md" data-end="789" data-start="740">A bal oldali keret láthatósága szabályozható.</td></tr><tr data-end="852" data-start="790"><td data-col-size="sm" data-end="808" data-start="790">**Felső keret**</td><td data-col-size="md" data-end="852" data-start="808">A felső keret láthatósága szabályozható.</td></tr><tr data-end="920" data-start="853"><td data-col-size="sm" data-end="870" data-start="853">**Jobb keret**</td><td data-col-size="md" data-end="920" data-start="870">A jobb oldali keret láthatósága szabályozható.</td></tr><tr data-end="982" data-start="921"><td data-col-size="sm" data-end="938" data-start="921">**Alsó keret**</td><td data-col-size="md" data-end="982" data-start="938">Az alsó keret láthatósága szabályozható.</td></tr></tbody></table>

</div></div>### Keret stílusa

A keret stílusa az alábbi értékekkel állítható be:

- **Folytonos** – a keret vonala folytonos.
- **Vonalkázott** – a keret vonala szaggatott.
- **Pontozott** – a keret vonala pontozott.

### Keretoldalak láthatósága

A keret oldalai külön-külön is megjeleníthetők vagy elrejthetők.

Amennyiben valamelyik oldal nincs kijelölve, az adott oldali keret nem látszik a felületen.

### Fontos

- A funkció **Felirat** és **Téglalap** mezőtípusoknál használható.
- A keret színe, stílusa, vastagsága és a sarkok görbülete egymástól függetlenül állítható.
- A bal, felső, jobb és alsó keret külön-külön szabályozható.
- Téglalap esetén a kitöltés a beállított keretszínt használja.

## 8.2.5.12. Tartalom margó mérete

### Funkció leírása

A **Tartalom margó mérete** funkció a **Felirat** mezőtípusnál érhető el. A funkció segítségével a felirat szövegének távolsága állítható be a keret egyes oldalaitól.

### Működés

A margó külön-külön adható meg a felirat mind a négy oldalára.

Az alábbi paraméterek állíthatók:

<div class="TyagGW_tableContainer"><div class="group TyagGW_tableWrapper flex flex-col-reverse w-fit" tabindex="-1"><table class="w-fit min-w-(--thread-content-width)" data-end="994" data-start="543"><thead data-end="565" data-start="543"><tr data-end="565" data-start="543"><th class="last:pe-10" data-col-size="sm" data-end="555" data-start="543">Paraméter</th><th class="last:pe-10" data-col-size="md" data-end="565" data-start="555">Leírás</th></tr></thead><tbody data-end="994" data-start="576"><tr data-end="672" data-start="576"><td data-col-size="sm" data-end="587" data-start="576">**Fent**</td><td data-col-size="md" data-end="672" data-start="587">A felirat szövege a keret felső szélétől a megadott pixel távolságra jelenik meg.</td></tr><tr data-end="768" data-start="673"><td data-col-size="sm" data-end="684" data-start="673">**Jobb**</td><td data-col-size="md" data-end="768" data-start="684">A felirat szövege a keret jobb szélétől a megadott pixel távolságra jelenik meg.</td></tr><tr data-end="862" data-start="769"><td data-col-size="sm" data-end="779" data-start="769">**Bal**</td><td data-col-size="md" data-end="862" data-start="779">A felirat szövege a keret bal szélétől a megadott pixel távolságra jelenik meg.</td></tr><tr data-end="994" data-start="863"><td data-col-size="sm" data-end="874" data-start="863">**Lent**</td><td data-col-size="md" data-end="994" data-start="874">A felirat szövege a keret alsó szélétől a megadott pixel távolságra jelenik meg.</td></tr></tbody></table>

</div></div>A négy margó egymástól függetlenül módosítható.

A módosítás a munkafüzet mentését követően lép érvénybe.

📷 **Kép – Tartalom margó mérete paraméterei**

📷 **Kép – Felső margó módosítása**

📷 **Kép – Jobb margó módosítása**

📷 **Kép – Bal margó módosítása**

📷 **Kép – Alsó margó módosítása**

### Fontos

- A funkció kizárólag **Felirat** mezőtípusnál érhető el.
- A margók pixelben adhatók meg.
- A négy oldal margója egymástól függetlenül állítható.
- A beállítás kizárólag a felirat szövegének elhelyezkedését módosítja, a mező méretét nem.

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="qMYqUG_convSearchResultHighlightRoot"><div class="" data-is-intersecting="true" data-turn-id-container="request-69f31399-3f1c-83eb-a136-489dc89745ec-2"><section class="text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [&:has([data-writing-block])>*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]" data-testid="conversation-turn-357" data-turn="assistant" data-turn-id="request-69f31399-3f1c-83eb-a136-489dc89745ec-2" data-turn-id-container="request-69f31399-3f1c-83eb-a136-489dc89745ec-2" dir="auto">## 8.2.5.13. Felirat színe

### Funkció leírása

A **Felirat színe** funkció kizárólag **Gomb** mezőtípus esetén érhető el.

A funkció a gomb feliratának színét határozza meg. A felirat színe a beépített színválasztó (**Color Picker**) segítségével választható ki, illetve HEX színkód megadásával is beállítható.

### Mire vonatkozik

A beállítás a gomb feliratának megjelenített színére vonatkozik.

### Működés

A **Felirat színe** mezőre kattintva megnyílik a beépített színválasztó (**Color Picker**).

A kívánt szín kiválasztható a színpalettáról, illetve közvetlenül HEX színkóddal is megadható vagy módosítható.

📷 **gomb\_felirat\_szin.png**

📷 **color\_picker.png**

A módosítás a munkafüzet mentését követően lép érvénybe.

### Fontos

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="7a599595-f065-44b4-9ee5-f3b9f0d9e27f" data-message-model-slug="gpt-5-5" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling">- A funkció kizárólag **Gomb** mezőtípus esetén érhető el.
- A beállítás csak a gomb feliratának színét módosítja.
- A háttérszín beállítását nem befolyásolja.
- A szín a beépített **Color Picker** segítségével vagy HEX színkóddal adható meg.
- A módosítás a munkafüzet mentését követően jelenik meg a futófelületen.

</div></div></div></div></div></div>## 8.2.5.14. Háttérszín

### Funkció leírása

A **Háttérszín** funkció kizárólag **Gomb** mezőtípus esetén érhető el.

A funkció a gomb háttérszínét határozza meg. A háttérszín a beépített színválasztó (**Color Picker**) segítségével választható ki, illetve HEX színkóddal is megadható.

### Mire vonatkozik

A beállítás a gomb háttérszínére vonatkozik.

### Működés

A **Háttérszín** mezőre kattintva megnyílik a beépített színválasztó (**Color Picker**).

A kívánt szín kiválasztható a színpalettáról, illetve közvetlenül HEX színkóddal is megadható vagy módosítható.

📷 **gomb\_hatterszin.png**

📷 **color\_picker.png**

A módosítás a munkafüzet mentését követően lép érvénybe.

### Fontos

- A funkció kizárólag **Gomb** mezőtípus esetén érhető el.
- A beállítás csak a gomb háttérszínét módosítja.
- A gomb feliratának színét nem befolyásolja.
- A háttérszín a beépített **Color Picker** segítségével vagy HEX színkóddal adható meg.
- A módosítás a munkafüzet mentését követően jelenik meg a futófelületen.

<div class="qMYqUG_convSearchResultHighlightRoot"><div class="" data-is-intersecting="true" data-turn-id-container="request-69f31399-3f1c-83eb-a136-489dc89745ec-4"><section class="text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [&:has([data-writing-block])>*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]" data-testid="conversation-turn-361" data-turn="assistant" data-turn-id="request-69f31399-3f1c-83eb-a136-489dc89745ec-4" data-turn-id-container="request-69f31399-3f1c-83eb-a136-489dc89745ec-4" dir="auto">## <span role="text">8.2.5.15. Gomb felirat megjelenítése</span>

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="081aaee6-f084-48cd-9529-be8ee8260af7" data-message-model-slug="gpt-5-5" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling">---

</div></div></div></div></div></div>### Funkció leírása

A **Gomb felirat megjelenítése** funkció kizárólag **Gomb** mezőtípus esetén érhető el.

A funkció meghatározza, hogy a gomb neve feliratként megjelenjen-e a gombon.

### Mire vonatkozik

A beállítás a gomb feliratának láthatóságára vonatkozik.

### Működés

Bekapcsolt állapotban a gomb a **Név** mezőben megadott felirattal jelenik meg.

Kikapcsolt állapotban a gomb felirata nem jelenik meg.

📷 **gomb\_felirat\_megjelenitese\_bekapcsolva.png**

📷 **gomb\_felirat\_elrejtese.png**

A módosítás a munkafüzet mentését követően lép érvénybe.

### Fontos

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="081aaee6-f084-48cd-9529-be8ee8260af7" data-message-model-slug="gpt-5-5" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling">- A funkció kizárólag **Gomb** mezőtípus esetén érhető el.
- Bekapcsolt állapotban a gomb a **Név** mezőben megadott feliratot jeleníti meg.
- Kikapcsolt állapotban a felirat nem jelenik meg, a gomb továbbra is használható.
- A funkció kizárólag a felirat megjelenítését szabályozza, a gomb működését nem befolyásolja.
- A módosítás a munkafüzet mentését követően jelenik meg a futófelületen.

</div></div></div></div></div></div>## 8.2.5.16. Háttérkép megadása

### Funkció leírása

A **Háttérkép megadása** funkció kizárólag **Gomb** mezőtípus esetén érhető el.

A funkció lehetővé teszi háttérkép hozzárendelését a gombhoz.

### Mire vonatkozik

A beállítás a gomb hátterében megjelenő képre vonatkozik.

### Működés

A **Háttérkép kiválasztása** gombra kattintva a használt eszközről választható ki a használni kívánt fájl.

A kiválasztott fájl neve a háttérkép alatt, egy chip elemben jelenik meg.

📷 **hatterkep\_megadasa.png**

Háttérkép cseréje előtt a korábban kiválasztott fájlt el kell távolítani a chip jobb oldalán található **Törlés** gombbal.

A módosítás a munkafüzet mentését követően lép érvénybe.

### Fontos

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""><div class="z-0 flex min-h-[46px] justify-start">- A funkció kizárólag **Gomb** mezőtípus esetén érhető el.
- A háttér a használt eszközről kiválasztott fájlból tölthető fel.
- A rendszer a kiválasztott képet a gomb méretéhez igazítja, ezért az eredeti képarány nem minden esetben marad meg.
- Új háttér csak a korábban kiválasztott fájl törlése után adható meg.
- A **Gomb felirat megjelenítése** funkció bekapcsolt állapotában a felirat a háttér felett jelenik meg.
- A **Felirat színe** és a **Háttérszín** paraméterei a háttérképtől függetlenül állíthatók.

  
</div><div class="mt-3 w-full empty:hidden"><div class="text-center">  
</div></div></div></div></section></div></div></section></div></div></div></div></section></div></div>