Skip to main content

Add Action Buttons

Hinweis

Hinweis

Lernen Sie auf Deutsch? In diesem Badge ist für die praktischen Trailhead-Aufgaben Englisch als Bearbeitungssprache festgelegt. Übersetzungen werden zur Referenz in Klammern angegeben. Vergewissern Sie sich, dass Sie in Ihrem Trailhead-Playground (1) das Gebietsschema auf USA und (2) die Sprache auf Englisch festgelegt haben. (3) Verwenden Sie zum Kopieren und Einfügen nur die englischen Werte. Die zugehörigen Anweisungen finden Sie hier.

Weitere Details dazu, wie Sie die übersetzte Trailhead-Umgebung optimal nutzen können, finden Sie unter dem Badge "Trailhead in Ihrer Sprache".

Ihre Aufgaben

Hinzufügen einiger Aktionsschaltflächen als Platzhalter zur Seitenkopfzeile

Schritt 1: Hinzufügen von Aktionsschaltflächen

In diesem Schritt wird wiederum die Seitenkopfzeilenkomponente geändert. Fügen Sie den folgenden Code zwischen den <!-- ACTION BUTTONS -->-Kommentaren hinzu:

<!-- ACTION BUTTONS --> <div class="slds-col slds-no-flex slds-grid slds-align-top"> <div class="slds-button-group" role="group"> <button class="slds-button slds-button_neutral"> Add Contact </button> <button class="slds-button slds-button_neutral"> More </button> </div> </div> <!-- / ACTION BUTTONS -->

Beim Klicken auf diese Schaltflächen passiert nichts. Sie können die betreffende Funktionalität später problemlos hinzufügen.

Schritt 2: Vorschau

Speichern Sie die Seite und klicken Sie auf die Schaltfläche Preview (Vorschau).

Ressourcen

Auf der Design System-Website finden Sie weitere Dokumentation und Beispiele.

Lernen Sie weiter kostenlos!
Registrieren Sie sich für einen Account, um fortzufahren.
Was ist für Sie drin?
  • Holen Sie sich personalisierte Empfehlungen für Ihre Karriereplanung
  • Erproben Sie Ihre Fähigkeiten mithilfe praktischer Aufgaben und Quizze
  • Verfolgen Sie Ihre Fortschritte nach und teilen Sie sie mit Arbeitgebern
  • Nutzen Sie Mentoren und Karrierechancen