Schaltfläche

Die Avonni Button-Komponente bietet anpassbare Schaltflächen, um Aktionen zu starten, Seiten zu navigieren oder bestimmte Funktionen auszuführen.

Einrichten Ihre Schaltfläche

Einen Beschriftung hinzufügen

Die Beschriftung ist der auf der Schaltfläche angezeigte Text. Sie sollte klar den Zweck der Schaltfläche und die Aktion kommunizieren, die beim Anklicken durch den Benutzer ausgelöst wird.

• Beste Praktiken:

  • Verwenden Sie prägnante und handlungsorientierte Beschriftungen (z. B. „Speichern“, „Absenden“, „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 zu Ihrem Design und dem vorgesehenen Zweck der Schaltfläche passt. Die Einstellung „Variante“ steuert das Erscheinungsbild der Schaltfläche, einschließlich Farbe, Hintergrund, Rahmen und Gesamtstil.

Verfügbare Varianten:

• Bare: Eine rein textbasierte Schaltfläche mit minimaler Gestaltung, geeignet für dezente Aktionen.

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

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

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

• Border-Filled: Eine Schaltfläche mit Rahmen und einfarbigem Hintergrund – ein guter Kompromiss aus Sichtbarkeit und Stil.

• Und viele mehr! Entdecken Sie die vollständige Auswahl an Varianten im Eigenschaftsbereich 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 erwacht Ihre Schaltfläche zum Leben! Die Registerkarte „Interaktionen“ ermöglicht es Ihnen, zu definieren, was passiert, wenn ein Benutzer die Schaltfläche anklickt. Avonni bietet eine breite Palette integrierter Interaktionen, darunter:

• Navigation & Benutzerfeedback:

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

  • Toast anzeigen: Geben Sie 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 mit Datensätzen verknüpften Dateien.

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

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

  • Datensätze kopieren: Ermöglichen Sie Benutzern, Daten aus Datensatzzeilen in Datentabellen zu kopieren.

• Benutzerengagement & Ablaufsteuerung:

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

  • Bestätigung öffnen: Verhindern Sie versehentliche Aktionen mit Bestätigungsaufforderungen des Benutzers.

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

  • Flow-Panel öffnen: Lassen Sie ein Panel einschieben, 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