Widget "Accordion"

Das Widget "Accordion" ist ein Layout-Container, mit dem Sie andere Widgets in einem vertikal gestapelten Menü organisieren können. Jedes Widget, das Sie in ein Widget vom Typ "Accordion" einfügen, wird zu einer Kopfzeile, die ein- und ausgeblendet werden kann. Sie können die Kopfzeilen, die Schaltflächen zum Ein- und Ausblenden sowie die Widget-Fenster anpassen.

Beispiele

Verwenden Sie dieses Widget, um zum Beispiel die folgenden Anforderungen an das App-Design zu unterstützen:

• Sie möchten Elemente wie Text, Legenden und Layer-Listen anordnen.
• Sie möchten Platz auf den Seiten einer App sparen, auf denen nicht alle Inhalte gleichzeitig sichtbar sein müssen.
• Sie möchten Kopfzeilen anzeigen und den Benutzern ermöglichen, optional weitere Informationen einzublenden.

Verwendungshinweise

Wenn Sie ein Widget vom Typ "Accordion" hinzufügen, wird das Menü Schnellformat angezeigt. Sie können zwischen vier Standard-Styles auswählen. Die Hauptunterschiede zwischen den vier Styles liegen in der Form und dem Inhalt der Kopfzeilen. In den Einstellungen des Widgets können Sie entsprechende Anpassungen vornehmen.

Um dem Widget "Accordion" andere Widgets hinzuzufügen, ziehen Sie die Widgets aus dem Fenster Widget einfügen auf das Widget "Accordion".

Sie können die Widgets innerhalb des Widgets "Accordion" durch Klicken und Ziehen der Kopfzeilen neu anordnen. Sie können auch auf ein Widget klicken und die Schaltflächen Nach unten verschieben und Nach oben verschieben verwenden, die auf der Werkzeugleiste des Widgets angezeigt werden.

Um ein Widget aus dem Widget "Accordion" zu entfernen, klicken Sie auf dessen Kopfzeile und ziehen es heraus.

Um das Symbol und den Namen eines Widgets in der Kopfzeile zu ändern, wählen Sie das Widget aus, und ändern Sie das Symbol und den Namen oben im Konfigurationsfenster des Widgets.

Einstellungen

Das Widget "Accordion" verfügt über folgende Einstellungen:

• Layout: Diese Einstellungen wirken sich auf den Abstand der Kopfzeilenelemente relativ zueinander und zu den Kanten des Accordion-Widget-Fensters aus.
  • Abstand: Definieren Sie den vertikalen Abstand zwischen den Kopfzeilen in Pixel (px).
  • Innenabstand: Ändern Sie die Größe der Innenabstände, d. h. die Abstände zwischen den Kopfzeilen und den Kanten des Widget-Fensters – entweder alle auf einmal oder einzeln. Sie können Werte für die Größe in Pixel (px) angeben.
• Allgemeine Einstellungen: Diese Einstellungen beziehen sich auf das Einblenden der Kopfzeilen.
  • Anzahl der einblendbaren Elemente: Legen Sie fest, ob die Benutzer jeweils nur eine Kopfzeile oder mehrere Kopfzeilen gleichzeitig einblenden können.
  • Elemente beim Laden einblenden: Wählen Sie optional ein oder mehrere Widgets aus, die beim ersten Laden des Widgets automatisch eingeblendet werden.
  • Alle Schaltflächen einblenden/ausblenden: Fügen Sie dem Widget-Fenster Schaltflächen zum Einblenden und Ausblenden aller Kopfzeilen hinzu.
• Kopfzeile: Sie können auf die drei verschiedenen Elemente des Kopfzeileneditors klicken, um die Einstellungen für den Hintergrund und den Rahmen, den Innenabstand sowie den Inhalt zu anzuzeigen.

  

  • Hintergrund und Rahmen: Ändern Sie die Einstellungen für den Hintergrund und den Rahmen der Kopfzeile.
    • Hintergrund: Legen Sie die Hintergrundfarben für ein- und ausgeblendete Kopfzeilen fest.
    • Rahmen: Ändern Sie die Füllfarbe, den Strich und die Größe des Kopfzeilenrahmens in Pixel (px). Sie können diese Attribute für den gesamten Rahmen oder einzeln für jede der vier Seiten ändern.
      • Rahmenradius: Ändern Sie die Länge der Randradien, entweder alle auf einmal oder einzeln für jede der vier Ecken. Sie können die Radiuswerte in Pixel (px) oder Prozent (%) angeben. Durch Festlegen eines größeren Radius werden die Ecken der Kopfzeile stärker abgerundet.
  • Innenabstand: Ändern Sie die Größe der Innenabstände, d. h. die Abstände zwischen den vier Rändern der Kopfzeile und dem Inhalt der Kopfzeile – entweder alle auf einmal oder einzeln. Sie können Werte in Pixel (px) angeben.
  • Inhalt: Ändern Sie die Einstellungen für den Inhalt der Kopfzeilen.
    • Symbol: Fügen Sie Widget-Symbole in die Kopfzeilen ein. Sie können die Größe und Farbe der Symbole ändern. Die Widget-Symbole können oben im Konfigurationsfenster des jeweiligen Widgets festgelegt werden.

      Hinweis:

      Wenn Sie benutzerdefinierte Symbole hochladen, können Sie deren Farbe mit dieser Einstellung möglicherweise nicht ändern.

    • Text: Wenden Sie die Formatierungen "fett", "kursiv", "durchgestrichen" und "unterstrichen" auf den Text in den Kopfzeilen an. Sie können auch die Schriftfarbe ändern und die Schriftgröße in Pixel (px) festlegen.
    • Schaltflächen: Legen Sie die Symbole für die Schaltflächen zum Ein- und Ausblenden fest.
    • Position des Umschalters: Legen Sie fest, wo die Schaltflächen zum Ein- und Ausblenden platziert werden sollen, entweder links (Anfang) oder rechts (Ende) in jeder Kopfzeile.
• Fenster: Legen Sie die Einstellungen für die Widget-Fenster fest, d. h. die Fenster, die Sie mit den Schaltflächen zum Ein- und Ausblenden öffnen und schließen.
  • Innenabstand: Ändern Sie die Größe der Innenabstände, d. h. die Abstände zwischen dem Inhalt des Widgets und den Kanten des Widget-Fensters – entweder alle auf einmal oder einzeln. Sie können Werte für die Größe in Pixel (px) angeben.
  • Ausfüllen: Wählen Sie eine Füllfarbe für die Widget-Fenster aus.
  • Rahmen: Ändern Sie die Füllfarbe, den Strich und die Größe des Fensterrahmens in Pixel (px). Sie können diese Attribute für den gesamten Rahmen oder einzeln für die vier Seiten ändern.
    • Rahmenradius: Ändern Sie die Länge der Randradien, entweder alle auf einmal oder einzeln für jede der vier Ecken. Sie können die Radiuswerte in Pixel (px) oder Prozent (%) angeben. Durch Festlegen eines größeren Radius werden die Ecken des Fensters stärker abgerundet.