Input-Feld löschen

Im Template-Editor löschst du ein Input-Feld, wenn Nutzer im Design-Generator etwas nicht mehr ändern sollen. Die Elemente in deinem Design bleiben erhalten und behalten den Wert, den das Input-Feld zuletzt hatte.

Das geht in zwei Schritten:

1. Lösche die Input-Felder im Input Fields View oder direkt an der Eigenschaft im Properties-Panel.
2. Teste das Ergebnis im Design-Generator.

Input-Felder löschen

Im Input Fields View siehst du alle Input-Felder deines Templates und löschst sie dort.

1. Klicke oben rechts in der Toolbar auf Input Fields. Der Input Fields View öffnet sich.
   
2. Klicke links neben jedem Input-Feld, das du löschen willst, auf das Kästchen. Das Input-Feld ist jetzt ausgewählt. Wählst du eine Input-Feld-Gruppe oder eine Collection aus, löschst du auch alle Input-Felder darin.
3. Klicke oben auf Delete. Das Popup Delete Field(s) fragt, ob du die ausgewählten Input-Felder wirklich löschen willst. Mit Cancel brichst du ab.
   Delete lässt sich nicht anklicken?

   Es ist noch kein Input-Feld ausgewählt. Klicke zuerst links neben einem Input-Feld auf das Kästchen.

   
   
4. Klicke im Popup auf Delete. Die Input-Felder sind jetzt gelöscht. Jede Eigenschaft, die mit ihnen verbunden war, behält ihren aktuellen Wert als festen Wert. Nutzer können ihn nicht mehr ändern.
5. Schau rechts im Input Fields View auf dein Design und prüfe, ob es so aussieht, wie du willst. Wenn nicht, klicke oben links auf den linken der beiden runden Pfeile. Das ist Undo. Das Löschen ist jetzt rückgängig gemacht. Oder drücke Cmd + Z (unter Windows Strg + Z).
6. Klicke oben rechts auf ×, um den Input Fields View zu schließen.
7. Hat dein Template mehrere Canvases, wechsle in der Toolbar über die Canvas-Auswahl zu jedem anderen Canvas. Prüfe dort die Elemente, die mit dem Input-Feld verbunden waren. Studio gibt beim Löschen nur den Elementen auf dem geöffneten Canvas einen festen Wert.

Beim Löschen gilt außerdem:

• Expressions, die den Wert des Input-Felds genutzt haben, behalten ihn als festen Wert und funktionieren weiter.
• Nutzen andere Input-Felder dieselbe Variable, löscht Studio sie mit.
• Wird dadurch eine Input-Feld-Gruppe leer, verschwindet sie auch. Eine leere Collection bleibt.

Input-Feld über eine Eigenschaft löschen

Im Properties-Panel löschst du ein Input-Feld direkt an der Eigenschaft, die es steuert.

1. Klicke auf dem Canvas oder im Layers-Panel auf das Element. Das Properties-Panel zeigt seine Eigenschaften. Eigenschaften mit Input-Feld sind hervorgehoben.
2. Fahre mit der Maus über die Eigenschaft, die mit dem Input-Feld verbunden ist. Ein Menü mit Edit Field und Delete Field erscheint.
   
3. Klicke auf Delete Field. Was dann passiert, hängt davon ab, wie viele Input-Felder die Variable dieser Eigenschaft nutzen:
   • Nur ein Input-Feld:
     • Studio löscht das Input-Feld sofort. Jede Eigenschaft, die es gesteuert hat, behält ihren aktuellen Wert als festen Wert. Du bist fertig.
   • Mehrere Input-Felder:
     • Das Popup Delete Binding öffnet sich.
4. Nutzen mehrere Input-Felder die Variable, wähle im Popup aus, was gelöscht wird:
   • Delete binding: Nur diese Eigenschaft wird getrennt und behält ihren aktuellen Wert. Die Variable und die Input-Felder bleiben.
   • Delete variable: Die Variable und alle Input-Felder, die mit ihr verbunden sind, werden gelöscht.
   • Cancel: Nichts ändert sich.

Ergebnis im Design-Generator testen

Der Design-Generator ist die Seite, auf der Nutzer dein Template ausfüllen und ihr Design exportieren können. Hier siehst du, was Nutzer nach dem Löschen sehen.

1. Klicke oben rechts in der Toolbar auf Share und dann auf Publish Template Link. Hast du das Template schon veröffentlicht, heißt der Menüpunkt Open Template Campaign. Bluepic speichert dein Template, und ein Popup mit den Share-Einstellungen öffnet sich.
2. Klicke auf Copy URL und öffne den Link in einem neuen Browser-Tab. Der Design-Generator öffnet sich. Am Computer stehen links die Input-Felder, rechts das Design.
3. Schau dir die Input-Felder an. Prüfe, ob das gelöschte Input-Feld fehlt und das Design rechts den Wert zeigt, den das Input-Feld zuletzt hatte.