Button

Die Avonni Button-Komponente bietet anpassbare Schaltflächen zum Auslösen von Aktionen, zur Navigation zwischen Seiten oder zum Ausführen spezifischer Funktionen.

Einrichtung Ihre Schaltfläche

Beschriftung hinzufügen

Die Beschriftung ist der Text, der auf der Schaltfläche angezeigt wird. Sie sollte den Zweck der Schaltfläche und die Aktion, die beim Klicken ausgeführt wird, klar kommunizieren.

• Beste Praktiken:

  • Verwenden Sie prägnante und handlungsorientierte Beschriftungen (z. B. „Speichern“, „Senden“, „Abbrechen“, „Mehr erfahren“).

  • Vermeiden Sie generische Beschriftungen wie „Hier klicken“.

  • Stellen Sie sicher, dass die Beschriftung die Funktion der Schaltfläche genau widerspiegelt.

Wählen Sie einen Stil (Variante)

Wählen Sie einen visuellen Stil, der mit Ihrem Design und dem beabsichtigten Zweck der Schaltfläche übereinstimmt. Die Einstellung „Variante“ steuert das Erscheinungsbild der Schaltfläche, einschließlich Farbe, Hintergrund, Rahmen und Gesamtstil.

Verfügbare Varianten:

• Bare: Eine reine Textschaltfläche mit minimaler Gestaltung, geeignet für unauffällige Aktionen.

• Bare Inverse: Eine bare Schaltfläche mit invertierten Farben, ideal für die Verwendung auf dunklen Hintergründen.

• Base: Eine Standard-Schaltfläche mit solidem Hintergrund, geeignet für allgemeine Zwecke.

• Border: Eine Schaltfläche mit sichtbarem Rahmen und transparentem Hintergrund, nützlich für weniger hervorgehobene Aktionen.

• Border-Filled: Eine Schaltfläche mit Rahmen und solidem Hintergrund, ein guter Kompromiss zwischen Sichtbarkeit und Stil.

• Und viele mehr! Erkunden Sie die vollständige Palette der Varianten im Eigenschaftenbereich der Komponente, um die perfekte Übereinstimmung für Ihr Design zu finden.

Verbessern Sie Ihre Schaltfläche mit einem Symbol, um die Aktion zu verstärken oder die Schaltfläche optisch ansprechender zu machen.

• Symbolbibliothek: Wählen Sie aus einer umfangreichen Bibliothek von Symbolen eines aus, das zum Zweck der Schaltfläche passt.

• Größe und Position: Passen Sie die Größe des Symbols an und positionieren Sie es links oder rechts vom Beschriftungstext.

Interaktionen definieren

Hier kommt Ihre Schaltfläche zum Leben! Die Registerkarte „Interaktionen“ ermöglicht es Ihnen zu definieren, was passiert, wenn ein Benutzer auf die Schaltfläche klickt. Avonni bietet eine große Auswahl an integrierten Interaktionen, einschließlich:

• Navigation & Benutzerfeedback:

  • Flow-Navigation: Steuern Sie den Ablauf Ihrer Bildschirme und führen Sie Benutzer nahtlos zwischen den Bildschirmen.

  • Toast anzeigen: Geben Sie den Benutzern nicht aufdringliches Feedback mit Toast-Nachrichten.

  • Navigieren: Verlinken Sie zu verschiedenen Seiten innerhalb von Salesforce oder zu externen Websites.

• Dateninteraktion:

  • Herunterladen: Ermöglichen Sie Benutzern das Herunterladen von Dateien, die mit Datensätzen verknüpft sind.

  • Exportieren nach: Ermöglichen Sie Benutzern den Export von Daten in Excel- oder CSV-Formate.

  • Datensätze aktualisieren: Speichern Sie automatisch vorgenommene Änderungen.

  • Datensätze kopieren: Ermöglichen Sie Benutzern das Kopieren von Daten aus Datensatzzeilen in Tabellen.

• Benutzerengagement & Ablaufsteuerung:

  • Alarmmodal öffnen: Zeigen Sie wichtige Nachrichten an, die eine Bestätigung des Benutzers erfordern.

  • Bestätigungsdialog öffnen: Verhindern Sie unbeabsichtigte Aktionen mit Bestätigungsaufforderungen des Benutzers.

  • Flow-Dialog öffnen: Starten Sie vordefinierte Salesforce-Flows.

  • Flow-Panel öffnen: Schieben Sie ein Panel herein, um einen weiteren Flow anzuzeigen.

  • Konfetti auslösen: Feiern Sie Benutzeraktionen mit einer Konfetti-Animation.

• Datenaktualisierung:

  • Abfrage aktualisieren: Aktualisieren Sie die in Avonni-Komponenten angezeigten Daten.

  • Alle Abfragen aktualisieren: Aktualisieren Sie alle Daten aus Abfrage-Datenquellen.

• Schnellaktionen:

  • Schnellaktion öffnen: Schneller Zugriff auf Standard- oder benutzerdefinierte Salesforce-Aktionen