Im maximierbaren Widget wird das benutzerdefinierte Element <devsite-expandable> verwendet, damit Nutzer Teile des Inhalts in einem maximierbaren Bereich ausblenden oder einblenden können. In einem Markdown
einschließen, umschließen Sie das benutzerdefinierte Element mit einem Standard-HTML-Element, z. B. einem
<section> oder <div>.
Bereichsschalter
Das folgende Beispiel ist in ein benutzerdefiniertes <devsite-expandable>-Element eingebettet, das
ist standardmäßig ausgeblendet. Seine Überschrift enthält ein class-Attribut namens
showalways.
Diese Überschrift wird immer angezeigt
Dieser Absatz ist standardmäßig ausgeblendet.
This code block within the custom element also defaults to a hidden
position.
Benutzerdefiniertes Steuerelement
Im folgenden Beispiel wird dem Element button des benutzerdefinierten Elements <devsite-expandable> die Klasse expand-control hinzugefügt, um den Bereich ohne Ein-/Aus-Schaltfläche zu maximieren und minimieren.
Viele Optionen verfügbar
Einmal maximieren
Im folgenden Beispiel wird die Klasse expand-control once einem Link im
Benutzerdefiniertes <devsite-expandable>-Element, das beim Anklicken zusätzliche Inhalte anzeigt
und verschwindet dann von der Seite.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim Veniam, quis nostrud Exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Mehr...Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat Cupidatat nicht proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bei Verlinkung automatisch maximieren
Im folgenden Beispiel wird eine #sample1-ID zum
Benutzerdefiniertes <devsite-expandable>-Element, das den Bereich beim Seitenaufbau automatisch maximiert
wenn Sie einen Link erstellen.
Automatische Erweiterung bei der Verknüpfung
Schließen Sie diesen maximierbaren Bereich und klicken Sie oben auf den Link #sample1. Aktualisieren Sie dann die Seite, um diesen maximierbaren Bereich automatisch zu maximieren.
Code block within the 'Auto-expand on linking' demo.
Standardmäßig öffnen
Im folgenden Beispiel wird dem benutzerdefinierten Element <devsite-expandable> das Attribut expanded hinzugefügt, damit das erweiterbare Element standardmäßig geöffnet ist.
Standardmäßig maximiert
Die Option „Standardmäßig geöffnet“ ist ideal, wenn Sie viele ausblendbare Elemente haben, z. B. für Release-Notes, aber das jeweils neueste Element geöffnet lassen möchten.