Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
de:create:functions:buttontopage [21.07.2016 23:27] – Mehrsprachige Beschriftung admin | de:create:functions:buttontopage [14.03.2019 12:52] – Neues Beispiel: Navigation leiner | ||
---|---|---|---|
Zeile 69: | Zeile 69: | ||
Geben Sie den Seiten, auf welchen die Kapitel beginnen, eindeutige Seiten-Kennungen, | Geben Sie den Seiten, auf welchen die Kapitel beginnen, eindeutige Seiten-Kennungen, | ||
- | Initialisieren Sie mit folgendem PHP-Code Platzhalter für alle Knöpfe (z.B. " | + | Initialisieren Sie mit folgendem PHP-Code Platzhalter für alle Knöpfe (z.B. " |
<code php> | <code php> | ||
- | replace(' | + | if (getRoute() == ' |
- | replace(' | + | |
- | replace(' | + | replace(' |
- | replace(' | + | replace(' |
- | replace(' | + | replace(' |
+ | replace(' | ||
+ | } | ||
</ | </ | ||
Zeile 107: | Zeile 109: | ||
- | ===== Beispiel: | + | ===== Mehrsprachige Beschriftung ===== |
In einem mehrsprachigen Fragebogen ([[: | In einem mehrsprachigen Fragebogen ([[: | ||
Zeile 144: | Zeile 146: | ||
' | ' | ||
); | ); | ||
+ | </ | ||
+ | |||
+ | |||
+ | ===== Navigation im Fragebogen ===== | ||
+ | |||
+ | Der Fragebogen soll nicht (unbedingt) linear bearbeitet werden? Mit '' | ||
+ | |||
+ | Als Vorbereitung geben Sie allen Seiten, auf denen ein Abschnitt beginnt, unter **Fragebogen zusammenstellen** eine [[de: | ||
+ | |||
+ | Es gibt zwei Möglichkeiten, | ||
+ | |||
+ | - Verwenden Sie Platzhalter und verwenden Sie diese direkt im **Fragebogen-Layout** -> // | ||
+ | - Platzieren Sie den PHP-Code für die Navigation auf jeder Seite des Fragebogens, | ||
+ | |||
+ | <code php> | ||
+ | html( | ||
+ | // Ein <div> sorgt für die optische Abgrenzung zwischen Navigation und Seiteninhalt | ||
+ | '< | ||
+ | // Ein weiteres <div> erlaubt die flexible Anordnung der Navigations-Schaltflächen | ||
+ | '< | ||
+ | buttonToPage(' | ||
+ | buttonToPage(' | ||
+ | buttonToPage(' | ||
+ | buttonToPage(' | ||
+ | buttonToPage(' | ||
+ | buttonToPage(' | ||
+ | '< | ||
+ | buttonToPage(' | ||
+ | '</ | ||
+ | '</ | ||
+ | ); | ||
+ | </ | ||
+ | |||
+ | Möchte man die Knöpfe noch ein wenig ansprechender gestalten, kann man im **Fragebogen-Layout** in der // | ||
+ | |||
+ | <code css> | ||
+ | div.navButtons button { | ||
+ | border: 2px solid %color.4%; | ||
+ | border-radius: | ||
+ | padding: 7px 6px; | ||
+ | margin-bottom: | ||
+ | flex-grow: 1; | ||
+ | margin-right: | ||
+ | } | ||
+ | div.navButtons button.currentPage { | ||
+ | background-color: | ||
+ | color: white; | ||
+ | } | ||
</ | </ |