Wiki-Quellcode von Design (CSS)
Zeige letzte Bearbeiter
author | version | line-number | content |
---|---|---|---|
1 | {{figure image="template_css_de.png"}} | ||
2 | {{smallcaps}}Css{{/smallcaps}}-Templates erlauben es, Layoutvorlagen global zu pflegen, etwa zur Umsetzung und Wahrung eines Corporate Designs. | ||
3 | {{/figure}} | ||
4 | |||
5 | {{figure image="template_css_designer_de.png"}} | ||
6 | Im {{designer/}} kann für jedes Formular das zu nutzende {{smallcaps}}Css{{/smallcaps}}-Template festgelegt werden. | ||
7 | {{/figure}} | ||
8 | |||
9 | Unter {{smallcaps}}Css{{/smallcaps}}-Templates werden alle formularübergreifenden Layoutvorlagen verwaltet. | ||
10 | |||
11 | In der linken Liste werden alle zur Verfügung stehenden {{smallcaps}}Css{{/smallcaps}}-Templates angezeigt. Um ein bestehendes Template zu bearbeiten, wird dieses durch Anklicken ausgewählt. Im Editor im mittleren Bereich kann es anschließend bearbeitet werden. Über den Knopf zum Speichern {{icon name="save"/}} rechts unten wird das Template anschließend gespeichert. | ||
12 | |||
13 | Ein neues {{smallcaps}}Css{{/smallcaps}}-Template kann über die Schaltfläche {{ficon name="plus-circle-outline"/}} erstellt werden. | ||
14 | |||
15 | Alle hier erstellten {{smallcaps}}Css{{/smallcaps}}-Templates stehen anschließend im [[{{designer/}}>>doc:Formcycle.FormDesigner.WebHome]] im Bereich zu den [[Formulareigenschaften>>doc:Formcycle.FormDesigner.FormProperties]] zur Verfügung. Hier kann ein {{smallcaps}}Css{{/smallcaps}}-Templates ausgewählt werden, welches dann für das gesamte Formular angewendet wird. Dies ermöglicht es, ein Layout global zu pflegen, etwa um ein Corporate Design zu gewährleisten. | ||
16 | |||
17 | Weitere Informationen zum formularspezifischen {{smallcaps}}Css{{/smallcaps}} im {{designer/}} finden sich in der Dokumentation zum [[{{smallcaps}}Css{{/smallcaps}}-Bereich>>doc:Formcycle.FormDesigner.CodingPanel.CSSTab.WebHome]]. | ||
18 | |||
19 | Mögliche {{smallcaps}}Css{{/smallcaps}}-Anpassungen finden sich auf der [[Beispielseite>>Examples.FormStylingAdjustments]]. |