SharePoint Online: Klappbare Abschnitte in Seiten

Intro

Microsoft hat nun im Juli 2021 mit dem Rollout von einem wichtigen Feature (Roadmap ID 67147) für Redakteure von Intranet-Inhalten in Communication Websites begonnen. Die in englisch bezeichneten „Collapsible Sections“ übersetzt man man am besten in „aufundzuklappbare Abschnitte“ :-). Im Internet werden diese Art der Web UI auch als Accordion Widgets bezeichnet.

Umsetzung/Verhalten

Im ersten visuellen Beispiel sieht man zwei Abschnitte mit gleicher Konfiguration – beide Abschnitte haben eine selbst gewählte Abschnitts-Überschrift („Display Name for Section „) und sind zugeklappt. Der Leser im Intranet kann selbst auf den rechtsbündig dargestellten Pfeil klicken, um den Abschnitt manuell aufzuklappen.

Zwei zugeklappte Abschnitte

Im zweiten visuellen Beispiel sieht man zwei Abschnitte mit unterschiedlicher Konfiguration. Section 1 ist beim Laden zugeklappt – Section 2 ist aufgeklappt.

Zwei Abschnitte – Section 1 ist zugeklappt – Section 2 aufgeklappt

Leider ist diese Abschnitts-Überschrift nicht formatierbar und auch nicht automatisch mit einem HTML Anker versehen – daraus folgt, dass man diesen Abschnitt ohne Weiteres nicht direkt via Hyperlink anspringen kann (mehr dazu siehe diesen Blog-Post).

Konfiguration

In den Einstellungen jedes Abschnitts…

• kann nun durch den Redakteur festgelegt werden, ob der Abschnitt auf-/zuklappbar sein soll
• Zusätzlich muss eine Bezeichnung/Headline eingegeben werden, die immer gerendert wird, egal ob auf- oder zugeklappt. Diese Headline ist nicht formatierbar und wird in 20 Pixel Schriftgröße (wie Überschrift3) gerendert
• Wie das Anfangsverhalten beim Laden der Website sein soll

Einstellungen für einen Abschnitt

Mein Fazit

Meine persönliche Hoffnung in dieses Feature war, dass man mit diesen aufklappbaren Abschnitten eine umfangreiche FAQ auf einer Seite redaktionell aufbauen kann. Das geht leider nur bedingt, da

• die Überschrift eines auf-/zuklappbaren Abschnitts nicht formatierbar ist
• die Überschrift eines auf-/zuklappbaren Abschnitts nicht automatisch einen HTML-Anker besitzt.
• eine zusätzliche Navigation mit Sprungmarken (Anker) am Start der Seite zu einzelnen Abschnitten nur aufbauen kann, wenn der Abschnitt bereits beim Laden aufgeklappt ist