[{"data":1,"prerenderedAt":575},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Flayers-panel":3},{"id":4,"title":5,"body":6,"category":546,"description":547,"extension":548,"keywords":549,"meta":565,"navigation":566,"order":567,"path":568,"published":569,"rawbody":570,"seo":571,"stem":572,"updated":573,"__hash__":574},"helpDe\u002Fhelp\u002Fdesign-elements-and-tools\u002Flayers-panel.de.md","Das Layers-Panel",{"type":7,"value":8,"toc":535},"minimark",[9,26,34,39,110,119,123,187,191,196,228,232,239,302,309,313,359,363,371,377,485,489,512],[10,11,12,13,17,18,21,22,25],"p",{},"Im ",[14,15,16],"place",{},"Layers-Panel"," rechts im ",[14,19,20],{},"Template-Editor"," siehst du alle Elemente deines Designs und wie sie ineinander liegen. Hier wählst du Elemente aus, blendest sie aus, sperrst sie, benennst sie um und änderst ihre Reihenfolge. Auch Elemente, die auf dem ",[14,23,24],{},"Canvas"," von anderen verdeckt sind, erreichst du hier.",[10,27,28],{},[29,30],"img",{"alt":31,"src":32,"width":33},"Layers-Panel mit aufgeklappter Maske (Masked Layers, Masking Layers) und einer Zeile unter der Maus mit Auge, Schloss, Add Input Field und ⋮.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-layers-panel-01\u002Fpublic",303,[35,36,38],"h2",{"id":37},"was-das-layers-panel-zeigt","Was das Layers-Panel zeigt",[40,41,42,50,56,62,80,94],"ul",{},[43,44,45,49],"li",{},[46,47,48],"strong",{},"Zeilen:"," Jede Zeile ist ein Element. Sie zeigt links ein Symbol für die Art des Elements, zum Beispiel ein T für einen Text oder ein kleines Vorschaubild für ein Bild. Daneben steht die Element-ID, also der Name des Elements.",[43,51,52,55],{},[46,53,54],{},"Reihenfolge:"," Die oberste Zeile liegt im Design ganz vorne. Zeilen weiter unten liegen dahinter.",[43,57,58,61],{},[46,59,60],{},"Gruppen und Masken:"," Sie haben einen Rahmen und links einen Pfeil. Ein Klick auf den Pfeil klappt ihren Inhalt auf oder zu. Wählst du ein Element darin aus, klappen sie von selbst auf.",[43,63,64,67,68,71,72,75,76,79],{},[46,65,66],{},"Masken"," haben zwei Teile: Unter ",[46,69,70],{},"Masked Layers"," liegt, was durchscheint. Unter ",[46,73,74],{},"Masking Layers"," liegt die Form, die zuschneidet. Ein leerer Teil zeigt ",[46,77,78],{},"Drop here",".",[43,81,82,85,86,89,90,93],{},[46,83,84],{},"Buttons in einer Zeile:"," Das Quadrat mit dem Plus (",[46,87,88],{},"Add Input Field",") und ",[46,91,92],{},"⋮"," sind immer da. Ein F im Kreis erscheint, wenn das Element schon Input-Felder hat. Auge und Schloss erscheinen, wenn du mit der Maus über die Zeile fährst oder das Element ausgewählt ist.",[43,95,96,99,100,104,105,79],{},[46,97,98],{},"Warnsymbol:"," Ein gelbes Warnsymbol neben der Element-ID zeigt ein Problem, meist mit einer Expression des Elements. ",[101,102,103],"hover",{},"Fahre mit der Maus"," über das Symbol, um die Meldung zu lesen. Wie du es behebst, steht in ",[106,107,109],"a",{"href":108},"\u002Fde\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-diagnostics","Eine Expression funktioniert nicht?",[10,111,112,113,115,116,118],{},"Hat dein Design noch keine Elemente, steht im ",[14,114,16],{}," „Create an element to start“. Breiter oder schmaler machst du das ",[14,117,16],{},", indem du an seinem linken Rand ziehst.",[35,120,122],{"id":121},"elemente-auswählen","Elemente auswählen",[40,124,125,136,151,166,179],{},[43,126,127,131,132,135],{},[128,129,130],"click",{},"Klicke"," auf eine Zeile. Das Element ist ausgewählt, und das ",[14,133,134],{},"Properties-Panel"," zeigt seine Eigenschaften.",[43,137,138,142,143,146,147,150],{},[139,140,141],"press",{},"Halte"," ",[46,144,145],{},"Shift"," gedrückt und ",[128,148,149],{},"klicke"," auf eine andere Zeile. Alle Zeilen zwischen der ersten ausgewählten und dieser sind jetzt ausgewählt.",[43,152,153,142,155,158,159,162,163,165],{},[139,154,141],{},[46,156,157],{},"Alt"," (am Mac ",[46,160,161],{},"Option",") gedrückt und ",[128,164,149],{}," auf eine Zeile, um nur dieses eine Element hinzuzufügen oder abzuwählen.",[43,167,168,142,171,174,175,178],{},[139,169,170],{},"Drücke",[46,172,173],{},"Cmd + A"," (unter Windows ",[46,176,177],{},"Strg + A","), um alle Elemente auszuwählen.",[43,180,181,183,184,186],{},[128,182,130],{}," auf eine freie Stelle im ",[14,185,16],{},", um die Auswahl aufzuheben.",[35,188,190],{"id":189},"ausblenden-und-sperren","Ausblenden und sperren",[10,192,193,195],{},[101,194,103],{}," über eine Zeile. Ein Auge und ein Schloss erscheinen.",[40,197,198,212],{},[43,199,200,203,204,207,208,211],{},[46,201,202],{},"Hide layer"," (Auge): blendet das Element aus. Es fehlt dann auch im fertigen Design und im ",[14,205,206],{},"Design-Generator",". Ein Klick auf das durchgestrichene Auge (",[46,209,210],{},"Show layer",") blendet es wieder ein.",[43,213,214,217,218,220,221,223,224,227],{},[46,215,216],{},"Lock layer"," (Schloss): Du kannst das Element nicht mehr per Klick auf dem ",[14,219,24],{}," auswählen. So verschiebst du es nicht aus Versehen. Im ",[14,222,16],{}," kannst du es weiter auswählen und ändern. Ein Klick auf das geschlossene Schloss (",[46,225,226],{},"Unlock layer",") hebt die Sperre auf.",[35,229,231],{"id":230},"element-umbenennen","Element umbenennen",[10,233,234,235,79],{},"Die Element-ID ist der Name, mit dem du das Element in Expressions ansprichst, zum Beispiel ",[236,237,238],"code",{},"headline.bottom",[240,241,242,248,283,292],"ol",{},[43,243,244,247],{},[128,245,246],{},"Doppelklicke"," in der Zeile auf die Element-ID. Die ID lässt sich jetzt bearbeiten.",[43,249,250,254,255,258,259,262,263,79,265,275,278],{},[251,252,253],"type",{},"Gib"," die neue ID ein. Erlaubt sind Buchstaben, Ziffern, ",[236,256,257],{},"_"," und ",[236,260,261],{},"$",", am Anfang keine Ziffer. Andere Zeichen werden zu ",[236,264,257],{},[266,267,269],"trouble",{"symptom":268},"Der Button Update fehlt?",[10,270,271,272,274],{},"Die ID ist nicht erlaubt oder schon von einem anderen Element belegt. Eine rote Meldung unter der ID sagt, was nicht passt, zum Beispiel „Element ID '1text' is not a valid identifier“. ",[251,273,253],{}," eine andere ID ein.",[276,277],"br",{},[29,279],{"alt":280,"src":281,"width":282},"Zeile im Layers-Panel im Umbenennen-Modus: das Feld für die ID mit einem neuen Namen und rechts daneben der Button Update, markiert.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-layers-panel-03\u002Fpublic",894,[43,284,285,287,288,291],{},[128,286,130],{}," rechts im Feld auf ",[46,289,290],{},"Update",". Das Element heißt jetzt so. Expressions in anderen Elementen, die die alte ID verwenden, nutzen ab jetzt die neue.",[43,293,294,298,299,301],{},[295,296,297],"look",{},"Schau"," auf dem ",[14,300,24],{},", ob Elemente, die sich auf dieses Element beziehen, noch richtig aussehen.",[10,303,304,305,308],{},"Zum Abbrechen ",[128,306,307],{},"klickst"," du irgendwo außerhalb des Felds. Die alte ID bleibt dann.",[35,310,312],{"id":311},"reihenfolge-ändern","Reihenfolge ändern",[240,314,315,352],{},[43,316,317,318],{},"Ziehe die Zeile an ihren neuen Platz. Sind mehrere Elemente ausgewählt, ziehst du sie alle zusammen.",[40,319,320,335],{},[43,321,322,325,326],{},[323,324],"right",{}," Weiter nach vorne oder hinten:\n",[40,327,328],{},[43,329,330,334],{},[331,332,333],"drag",{},"Ziehe"," die Zeile nach oben oder unten. Eine gestrichelte blaue Linie zeigt, wo sie landet.",[43,336,337,339,340],{},[323,338],{}," In eine Gruppe oder Maske:\n",[40,341,342],{},[43,343,344,346,347,349,350,79],{},[331,345,333],{}," die Zeile auf die Mitte der Gruppe oder Maske oder auf ",[46,348,78],{},". Bei einer Maske landet das Element unter ",[46,351,70],{},[43,353,354,298,356,358],{},[295,355,297],{},[14,357,24],{},", ob das Element jetzt vor oder hinter den richtigen Elementen liegt.",[35,360,362],{"id":361},"kontextmenü","Kontextmenü",[10,364,365,367,368,370],{},[128,366,130],{}," in einer Zeile auf ",[46,369,92],{}," oder mit der rechten Maustaste auf die Zeile. Gehört die Zeile zur Auswahl, wirkt das Menü auf alle ausgewählten Elemente.",[10,372,373],{},[29,374],{"alt":375,"src":376,"width":33},"Layers-Panel mit geöffnetem ⋮-Menü eines Texts: Remove, Copy, Paste, Duplicate, Bring to front, Bring up, Send down, Send to back, Group und Mask.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-layers-panel-02\u002Fpublic",[40,378,379,388,410,422,431,440,457,469,475],{},[43,380,381,384,385,79],{},[46,382,383],{},"Remove",": löscht das Element. Tastenkürzel: ",[46,386,387],{},"Backspace",[43,389,390,258,393,396,397,174,400,89,403,174,406,409],{},[46,391,392],{},"Copy",[46,394,395],{},"Paste",": kopieren Elemente und fügen sie wieder ein. Tastenkürzel: ",[46,398,399],{},"Cmd + C",[46,401,402],{},"Strg + C",[46,404,405],{},"Cmd + V",[46,407,408],{},"Strg + V",").",[43,411,412,415,416,174,419,409],{},[46,413,414],{},"Duplicate",": legt sofort eine Kopie an. Tastenkürzel: ",[46,417,418],{},"Cmd + D",[46,420,421],{},"Strg + D",[43,423,424,258,427,430],{},[46,425,426],{},"Bring to front",[46,428,429],{},"Send to back",": schieben das Element ganz nach vorne oder ganz nach hinten im Design. Dabei verlässt es auch eine Gruppe oder Maske.",[43,432,433,258,436,439],{},[46,434,435],{},"Bring up",[46,437,438],{},"Send down",": schieben das Element eine Stufe nach vorne oder nach hinten. Es bleibt dabei in seiner Gruppe oder Maske.",[43,441,442,445,446,174,449,452,453,79],{},[46,443,444],{},"Group",": fasst die ausgewählten Elemente zu einer Gruppe zusammen. Tastenkürzel: ",[46,447,448],{},"Cmd + G",[46,450,451],{},"Strg + G","). Mehr dazu in ",[106,454,456],{"href":455},"\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fgroup-elements","Elemente gruppieren: zusammen bewegen und anordnen",[43,458,459,462,463,174,466,409],{},[46,460,461],{},"Ungroup",": erscheint, wenn nur Gruppen ausgewählt sind. Es löst die Gruppen auf, ihre Elemente bleiben. Tastenkürzel für eine ausgewählte Gruppe: ",[46,464,465],{},"Cmd + Shift + G",[46,467,468],{},"Strg + Shift + G",[43,470,471,474],{},[46,472,473],{},"Leave group",": erscheint, wenn ein ausgewähltes Element in einer Gruppe liegt. Es nimmt die Elemente aus ihrer Gruppe. Bleibt die Gruppe dabei leer, verschwindet sie.",[43,476,477,480,481,79],{},[46,478,479],{},"Mask",": braucht mindestens zwei ausgewählte Elemente. Das Element, das du zuerst ausgewählt hast, schneidet zu. Mehr dazu in ",[106,482,484],{"href":483},"\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fmask-elements","Elemente maskieren: Bild auf eine Form zuschneiden",[35,486,488],{"id":487},"input-felder-an-einem-element","Input-Felder an einem Element",[40,490,491,503],{},[43,492,493,495,496,498,499,79],{},[128,494,130],{}," in einer Zeile auf das Quadrat mit dem Plus. Das ist ",[46,497,88],{},". Ein Popup öffnet sich, in dem du ein Input-Feld mit diesem Element verbindest. Weiter geht es wie in ",[106,500,502],{"href":501},"\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field","Input-Feld erstellen: Text oder Bild änderbar machen",[43,504,505,507,508,511],{},[128,506,130],{}," auf das F im Kreis, wenn das Element schon Input-Felder hat. Der ",[14,509,510],{},"Input Fields View"," öffnet sich, und die Input-Felder dieses Elements sind markiert.",[513,514,515],"related",{},[40,516,517,523,527,531],{},[43,518,519],{},[106,520,522],{"href":521},"\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Ftemplate-editor-basics","Übersicht: Template-Editor",[43,524,525],{},[106,526,456],{"href":455},[43,528,529],{},[106,530,484],{"href":483},[43,532,533],{},[106,534,109],{"href":108},{"title":536,"searchDepth":537,"depth":537,"links":538},"",2,[539,540,541,542,543,544,545],{"id":37,"depth":537,"text":38},{"id":121,"depth":537,"text":122},{"id":189,"depth":537,"text":190},{"id":230,"depth":537,"text":231},{"id":311,"depth":537,"text":312},{"id":361,"depth":537,"text":362},{"id":487,"depth":537,"text":488},"design-elements-and-tools","Wähle im Layers-Panel die Elemente deines Designs aus, blende sie aus, sperre sie, benenne sie um und ordne sie an.","md",[550,551,552,553,554,555,556,426,429,557,558,559,16,560,561,562,563,564,88,473,461],"layers","Layers panel","element ID","rename","hide layer","lock layer","reorder","context menu","Ebenen","Ebenenbereich","umbenennen","ausblenden","sperren","Reihenfolge","Element-ID",{},true,15,"\u002Fhelp\u002Fdesign-elements-and-tools\u002Flayers-panel.de","2026-10-13","---\ntitle: \"Das Layers-Panel\"\ndescription: \"Wähle im Layers-Panel die Elemente deines Designs aus, blende sie aus, sperre sie, benenne sie um und ordne sie an.\"\ncategory: design-elements-and-tools\norder: 15\nkeywords: [\"layers\", \"Layers panel\", \"element ID\", \"rename\", \"hide layer\", \"lock layer\", \"reorder\", \"Bring to front\", \"Send to back\", \"context menu\", \"Ebenen\", \"Ebenenbereich\", \"Layers-Panel\", \"umbenennen\", \"ausblenden\", \"sperren\", \"Reihenfolge\", \"Element-ID\", \"Add Input Field\", \"Leave group\", \"Ungroup\"]\n---\n\nIm :place[Layers-Panel] rechts im :place[Template-Editor] siehst du alle Elemente deines Designs und wie sie ineinander liegen. Hier wählst du Elemente aus, blendest sie aus, sperrst sie, benennst sie um und änderst ihre Reihenfolge. Auch Elemente, die auf dem :place[Canvas] von anderen verdeckt sind, erreichst du hier.\n\n![Layers-Panel mit aufgeklappter Maske (Masked Layers, Masking Layers) und einer Zeile unter der Maus mit Auge, Schloss, Add Input Field und ⋮.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-layers-panel-01\u002Fpublic){width=\"303\"}\n\n## Was das Layers-Panel zeigt\n\n- **Zeilen:** Jede Zeile ist ein Element. Sie zeigt links ein Symbol für die Art des Elements, zum Beispiel ein T für einen Text oder ein kleines Vorschaubild für ein Bild. Daneben steht die Element-ID, also der Name des Elements.\n- **Reihenfolge:** Die oberste Zeile liegt im Design ganz vorne. Zeilen weiter unten liegen dahinter.\n- **Gruppen und Masken:** Sie haben einen Rahmen und links einen Pfeil. Ein Klick auf den Pfeil klappt ihren Inhalt auf oder zu. Wählst du ein Element darin aus, klappen sie von selbst auf.\n- **Masken** haben zwei Teile: Unter **Masked Layers** liegt, was durchscheint. Unter **Masking Layers** liegt die Form, die zuschneidet. Ein leerer Teil zeigt **Drop here**.\n- **Buttons in einer Zeile:** Das Quadrat mit dem Plus (**Add Input Field**) und **⋮** sind immer da. Ein F im Kreis erscheint, wenn das Element schon Input-Felder hat. Auge und Schloss erscheinen, wenn du mit der Maus über die Zeile fährst oder das Element ausgewählt ist.\n- **Warnsymbol:** Ein gelbes Warnsymbol neben der Element-ID zeigt ein Problem, meist mit einer Expression des Elements. :hover[Fahre mit der Maus] über das Symbol, um die Meldung zu lesen. Wie du es behebst, steht in [Eine Expression funktioniert nicht?](\u002Fde\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-diagnostics).\n\nHat dein Design noch keine Elemente, steht im :place[Layers-Panel] „Create an element to start“. Breiter oder schmaler machst du das :place[Layers-Panel], indem du an seinem linken Rand ziehst.\n\n## Elemente auswählen\n\n- :click[Klicke] auf eine Zeile. Das Element ist ausgewählt, und das :place[Properties-Panel] zeigt seine Eigenschaften.\n- :press[Halte] **Shift** gedrückt und :click[klicke] auf eine andere Zeile. Alle Zeilen zwischen der ersten ausgewählten und dieser sind jetzt ausgewählt.\n- :press[Halte] **Alt** (am Mac **Option**) gedrückt und :click[klicke] auf eine Zeile, um nur dieses eine Element hinzuzufügen oder abzuwählen.\n- :press[Drücke] **Cmd + A** (unter Windows **Strg + A**), um alle Elemente auszuwählen.\n- :click[Klicke] auf eine freie Stelle im :place[Layers-Panel], um die Auswahl aufzuheben.\n\n## Ausblenden und sperren\n\n:hover[Fahre mit der Maus] über eine Zeile. Ein Auge und ein Schloss erscheinen.\n\n- **Hide layer** (Auge): blendet das Element aus. Es fehlt dann auch im fertigen Design und im :place[Design-Generator]. Ein Klick auf das durchgestrichene Auge (**Show layer**) blendet es wieder ein.\n- **Lock layer** (Schloss): Du kannst das Element nicht mehr per Klick auf dem :place[Canvas] auswählen. So verschiebst du es nicht aus Versehen. Im :place[Layers-Panel] kannst du es weiter auswählen und ändern. Ein Klick auf das geschlossene Schloss (**Unlock layer**) hebt die Sperre auf.\n\n## Element umbenennen\n\nDie Element-ID ist der Name, mit dem du das Element in Expressions ansprichst, zum Beispiel `headline.bottom`.\n\n1. :click[Doppelklicke] in der Zeile auf die Element-ID. Die ID lässt sich jetzt bearbeiten.\n2. :type[Gib] die neue ID ein. Erlaubt sind Buchstaben, Ziffern, `_` und `$`, am Anfang keine Ziffer. Andere Zeichen werden zu `_`.\n\n   ::trouble{symptom=\"Der Button Update fehlt?\"}\n   Die ID ist nicht erlaubt oder schon von einem anderen Element belegt. Eine rote Meldung unter der ID sagt, was nicht passt, zum Beispiel „Element ID '1text' is not a valid identifier“. :type[Gib] eine andere ID ein.\n   ::\n\n   ![Zeile im Layers-Panel im Umbenennen-Modus: das Feld für die ID mit einem neuen Namen und rechts daneben der Button Update, markiert.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-layers-panel-03\u002Fpublic){width=\"894\"}\n\n3. :click[Klicke] rechts im Feld auf **Update**. Das Element heißt jetzt so. Expressions in anderen Elementen, die die alte ID verwenden, nutzen ab jetzt die neue.\n4. :look[Schau] auf dem :place[Canvas], ob Elemente, die sich auf dieses Element beziehen, noch richtig aussehen.\n\nZum Abbrechen :click[klickst] du irgendwo außerhalb des Felds. Die alte ID bleibt dann.\n\n## Reihenfolge ändern\n\n1. Ziehe die Zeile an ihren neuen Platz. Sind mehrere Elemente ausgewählt, ziehst du sie alle zusammen.\n\n   - :right Weiter nach vorne oder hinten:\n     - :drag[Ziehe] die Zeile nach oben oder unten. Eine gestrichelte blaue Linie zeigt, wo sie landet.\n   - :right In eine Gruppe oder Maske:\n     - :drag[Ziehe] die Zeile auf die Mitte der Gruppe oder Maske oder auf **Drop here**. Bei einer Maske landet das Element unter **Masked Layers**.\n\n2. :look[Schau] auf dem :place[Canvas], ob das Element jetzt vor oder hinter den richtigen Elementen liegt.\n\n## Kontextmenü\n\n:click[Klicke] in einer Zeile auf **⋮** oder mit der rechten Maustaste auf die Zeile. Gehört die Zeile zur Auswahl, wirkt das Menü auf alle ausgewählten Elemente.\n\n![Layers-Panel mit geöffnetem ⋮-Menü eines Texts: Remove, Copy, Paste, Duplicate, Bring to front, Bring up, Send down, Send to back, Group und Mask.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-layers-panel-02\u002Fpublic){width=\"303\"}\n\n- **Remove**: löscht das Element. Tastenkürzel: **Backspace**.\n- **Copy** und **Paste**: kopieren Elemente und fügen sie wieder ein. Tastenkürzel: **Cmd + C** (unter Windows **Strg + C**) und **Cmd + V** (unter Windows **Strg + V**).\n- **Duplicate**: legt sofort eine Kopie an. Tastenkürzel: **Cmd + D** (unter Windows **Strg + D**).\n- **Bring to front** und **Send to back**: schieben das Element ganz nach vorne oder ganz nach hinten im Design. Dabei verlässt es auch eine Gruppe oder Maske.\n- **Bring up** und **Send down**: schieben das Element eine Stufe nach vorne oder nach hinten. Es bleibt dabei in seiner Gruppe oder Maske.\n- **Group**: fasst die ausgewählten Elemente zu einer Gruppe zusammen. Tastenkürzel: **Cmd + G** (unter Windows **Strg + G**). Mehr dazu in [Elemente gruppieren: zusammen bewegen und anordnen](\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fgroup-elements).\n- **Ungroup**: erscheint, wenn nur Gruppen ausgewählt sind. Es löst die Gruppen auf, ihre Elemente bleiben. Tastenkürzel für eine ausgewählte Gruppe: **Cmd + Shift + G** (unter Windows **Strg + Shift + G**).\n- **Leave group**: erscheint, wenn ein ausgewähltes Element in einer Gruppe liegt. Es nimmt die Elemente aus ihrer Gruppe. Bleibt die Gruppe dabei leer, verschwindet sie.\n- **Mask**: braucht mindestens zwei ausgewählte Elemente. Das Element, das du zuerst ausgewählt hast, schneidet zu. Mehr dazu in [Elemente maskieren: Bild auf eine Form zuschneiden](\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fmask-elements).\n\n## Input-Felder an einem Element\n\n- :click[Klicke] in einer Zeile auf das Quadrat mit dem Plus. Das ist **Add Input Field**. Ein Popup öffnet sich, in dem du ein Input-Feld mit diesem Element verbindest. Weiter geht es wie in [Input-Feld erstellen: Text oder Bild änderbar machen](\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field).\n- :click[Klicke] auf das F im Kreis, wenn das Element schon Input-Felder hat. Der :place[Input Fields View] öffnet sich, und die Input-Felder dieses Elements sind markiert.\n\n::related\n- [Übersicht: Template-Editor](\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Ftemplate-editor-basics)\n- [Elemente gruppieren: zusammen bewegen und anordnen](\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fgroup-elements)\n- [Elemente maskieren: Bild auf eine Form zuschneiden](\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fmask-elements)\n- [Eine Expression funktioniert nicht?](\u002Fde\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-diagnostics)\n::\n",{"title":5,"description":547},"help\u002Fdesign-elements-and-tools\u002Flayers-panel.de","2026-10-22","fi68Urd3F_lVERltA5lIOsldiGoJst_cq2iG8Gt8flw",1792680563070]