Mehr zu: publixx

Publixx - Dynamische Templates

Dynamisches Layout in Publixx

Überblick

Das dynamische Layout ermöglicht es, dass sich Textrahmen automatisch an unterschiedlich lange Inhalte anpassen können, während bestimmte Elemente (z.B. Logo, Header, Footer) ihre feste Position behalten.

Prinzip: Gesperrte Elemente = Festes Layout | Nicht-gesperrte Elemente = Dürfen wachsen

Arbeitsablauf

Schritt 1: Template erstellen

Erstelle dein Template mit allen Elementen in der gewünschten Grundanordnung:

Schritt 2: Feste Elemente sperren

Elemente, die ihre Position niemals ändern sollen, werden gesperrt:

  1. Element auswählen
  2. Im Inspector: Aktionen → Element Eigenschaften
  3. Checkbox "Gesperrt" aktivieren ✓

Typische Kandidaten zum Sperren:

Nicht sperren (dürfen wachsen):

Schritt 3: Dynamisches Layout aktivieren

  1. Im Inspector: Aktionen → Dynamisches Layout
  2. "Dynamisches Layout aktivieren" wählen
  3. Optional: "Für alle Datensätze berechnen" ausführen

Schritt 4: Individuelle Positionen bearbeiten (optional)

Für Feinabstimmung bei einzelnen Datensätzen:

  1. Aktionen → Dynamisches Layout → "Individuelle Position bearbeiten"
  2. Zum gewünschten Datensatz navigieren
  3. Nicht-gesperrte Elemente manuell verschieben/anpassen
  4. Erneut klicken um den Bearbeitungsmodus zu beenden
  5. Positionen werden automatisch im Layout-Cache gespeichert

Verhalten der Elemente

Element-Status Größe Position Im Export
Gesperrt Fest aus Template Fest aus Template Template-Werte
Nicht gesperrt Kann wachsen Kann sich verschieben Aus Layout-Cache

AutoFit-Verhalten

Beim Ausführen von AutoFit (automatische Größenanpassung):

Beispiel-Szenario: Produktdatenblatt

┌─────────────────────────────────────┐
│  🔒 LOGO          🔒 HEADER        │  ← Gesperrt
├─────────────────────────────────────┤
│                                     │
│  Produktname                        │  ← Nicht gesperrt (kann wachsen)
│                                     │
│  Beschreibung                       │  ← Nicht gesperrt (kann wachsen)
│  (variabler Text)                   │
│                                     │
│  Technische Daten                   │  ← Nicht gesperrt (kann wachsen)
│  (Tabelle, variable Zeilen)         │
│                                     │
├─────────────────────────────────────┤
│  🔒 FOOTER        🔒 SEITENZAHL     │  ← Gesperrt
└─────────────────────────────────────┘

Ergebnis: Bei einem Produkt mit langer Beschreibung wächst der Beschreibungsrahmen nach unten, die technischen Daten rutschen mit – aber Logo, Header und Footer bleiben immer an ihrer Position.


Tipps & Best Practices


Do's ✓


Don'ts ✗


Technische Details

Layout-Cache

Die dynamischen Positionen werden pro Datensatz im layoutCache gespeichert:


Betroffene Funktionen

Das locked-Flag wird berücksichtigt in:


Fehlerbehebung

Problem Lösung
Element bewegt sich trotz Sperre Prüfen ob locked: true im Element gesetzt ist
Dynamisches Layout hat keinen Effekt Mindestens ein Element muss entsperrt sein
Positionen werden nicht gespeichert "Individuelle Position bearbeiten" aktivieren
Export zeigt falsche Positionen "Für alle Datensätze berechnen" ausführen


Verwandte Funktionen