Komponenten-Designer

Der Komponenten-Builder ist Ihre visuelle Gestaltungsumgebung, in der Sie Ihre benutzerdefinierten dynamischen Komponenten zum Leben erwecken. Er ist so konzipiert, dass er intuitiv ist und Ihnen ermöglicht, mit Drag-and-Drop problemlos anspruchsvolle Oberflächen zu erstellen.

Lassen Sie uns eine Tour durch die Hauptbereiche machen:

a. Arbeitsfläche (Mitte)

• Ihr Hauptarbeitsbereich: Dies ist die Hauptbühne, auf der Sie Ihre Komponente visuell zusammensetzen.

• Ziehen & Ablegen: Sie ziehen Komponenten aus der Komponentenbibliothek (links) und legen sie auf der Arbeitsfläche ab.

• Anordnen & Verschachteln: Positionieren Sie Komponenten frei und platzieren Sie sie innerhalb von Layout-Komponenten (wie Karten, Spalten, Containern und Register-Containern), um strukturierte und komplexe Benutzeroberflächen zu erstellen.

b. Linkes Panel (Ihr Werkzeugkasten)

Dieses Panel auf der linken Seite enthält mehrere wichtige Werkzeuge, die üblicherweise über Symbole oder Registerkarten zugänglich sind:

• Komponentenbibliothek:

  • Komponenten-Registerkarte: Ihre Palette aller verfügbaren Avonni-Komponenten (Datentabelle, Schaltfläche, Diagramm, Karte usw.). Finden Sie hier, was Sie benötigen, und ziehen Sie es auf die Arbeitsfläche.

  • Felder-Registerkarte: Nachdem Sie das Zielseiten-Name (in den Einstellungen) festgelegt haben, füllt sich diese Registerkarte mit Feldern aus diesem Salesforce-Objekt. Ziehen Sie diese Felder direkt auf Komponenten, um sie schnell an Daten zu binden.

• Ressourcen-Panel: Der Maschinenraum für die Daten und Logik Ihrer Komponente. Hier erstellen und verwalten Sie:

  • Variablen: Um dynamische Werte zu speichern, die sich ändern können.

  • Konstanten: Um feste Werte zu speichern.

  • Formeln: Um Berechnungen durchzuführen.

  • Abfragen/Verschachtelte Abfragen: Um zu definieren, wie Daten aus Salesforce abgerufen werden.

• Interaktionen-Panel: Ein zentraler Ort, um alle Interaktionen (wie „Bei Klick“ oder „Beim Laden“-Aktionen), die Sie für die Komponenten auf Ihrer Arbeitsfläche konfiguriert haben, zu sehen und zu verwalten.

• Stil-Panel: Verwalten Sie wiederverwendbare benutzerdefinierte Stile. Erstellen Sie hier benannte Stile und wenden Sie sie auf mehrere Komponenten an, um ein einheitliches Erscheinungsbild zu gewährleisten.

• Panel Komponentenstruktur: Bietet eine hierarchische "Baum"-Ansicht aller Komponenten, die sich derzeit auf Ihrer Arbeitsfläche befinden. Dies ist äußerst hilfreich, um die Verschachtelungsstruktur zu verstehen und bestimmte Komponenten auszuwählen, insbesondere bei komplexen Layouts.

c. Eigenschaften-Panel (Rechts)

• Kontextabhängige Einstellungen: Dieses Panel ist dynamisch. Es zeigt die spezifischen Konfigurationsoptionen für die Komponente an, die derzeit ausgewählt ist auf der Arbeitsfläche.

• Ihr Kontrollzentrum: Hier verfeinern Sie alles über die ausgewählte Komponente: ihr Erscheinungsbild (Beschriftungen, Farben, Größen), Verhalten, Verbindung zu Daten (Datenquelle, Zuordnung) und spezifische Interaktionen.

d. obere Leiste (Wesentliche Befehle)

• Rückgängig/Wiederholen (Links): Schritt zurück oder vorwärts durch Ihre letzten Änderungen.

• Einstellungen (Links - Zahnrad-Symbol ⚙️): Greifen Sie auf wichtige Einstellungen für die gesamte dynamische Komponente zu, am wichtigsten ist das Festlegen des API-Namens des Zielobjekts.

• Vorschau (Rechts): Sehen Sie sofort eine Live-Vorschau, wie Ihre Komponente für Endbenutzer aussehen und sich verhalten wird.

• Speichern (Rechts): Speichern Sie Ihren Fortschritt an der dynamischen Komponente.