Adobe Muse: Die Widgets Accordion und Formular

Zu den Muse-intenen Standard-Widgets gehören das Bedienfeld Accordion und das Formular Kontakt. Beide Widgets befinden sich in der Widget-Bibliothek und stellen Funktionserweiterungen bereit, die durch Scripterweiterungen gesteuert werden. Für das Widget Accordion werden jQuery-Scripts als Erweiterung genutzt, für Formulare php-Scripts. Alle erforderlichen Funktionen sind in das Widget integriert, so dass man ohne Code einzugeben die Funktionalität nutzen kann.

1. Beginnen Sie mit dem Widget Accordion aus dem Verzeichnis Bedienfelder und ziehen Sie es auf die Seite Information. Es wird als Standard ein Accordion, bestehend aus 3 aufklappbaren Sektionen, angelegt. Jede Sektion besteht aus einer klickbaren Überschrift, einer grafischen Fläche, die den Inhalt des Eintrags umfaßt und einer Textbox im Inhalt.

Die grafische Fläche und die Textbox liegen übereinander, können aber getrennt bearbeitet werden. Für die Höhe einer Sektion ist die Höhe der grafischen Fläche verantwortlich, die gewünschte Höhe muss demzufolge sowohl für den Textrahmen als auch der Fläche eingestellt werden.

2. Legen Sie einen neuen Eintrag an, indem Sie auf das Plus-Symbol am unterem Rand des Accordions klicken. Geben Sie etwas Text als Inhalt ein und passen Sie die Höhe des neuen Eintrags an.

3. Kontrollieren Sie die Funktionalität und das Aussehen des Accordions anschließend in den Ansichten Entwurf und Vorschau.

4. Zur Einstellung der intreaktiven Steuerung jedes Accordion-Segments klicken Sie mit der rechten Maustaste auf das jeweilige Segment und geben die gewünschte Option an.

5. Wechseln Sie auf die Seite Kontakt und platzieren Sie ein Kontaktformular - im Beispiel wurde das Widget einfacher Kontakt gewählt. In den Einstellungen des Widgets finden Sie Optionsfelder, mit denen Sie die Eingabefelder konfigurieren können. Muse unterscheidet bei diesem Widget zwischen den Optionen für das gesamte Widget und Optionen, die Sie einzelnen Formularfeldern zuteilen können. Je nachdem, ob Sie das Widget oder einen Formularblock ausgewählt haben, werden Ihnen die passenden Optionen bei Klick auf den blauen Pfeil eingeblendet.

Print