| ... |
... |
@@ -82,6
+82,10 @@ |
| 82 |
82 |
|
| 83 |
83 |
Nachdem ein neues Layout erstellt wurde, ist es links in der Liste unter der entsprechenden Vorlage zu sehen. Durch Klick auf das Layout wird es geöffnet und kann bearbeitet werden. |
| 84 |
84 |
|
|
85 |
+{{figure image="plugin_theme_config_default_modern_theme_de.png"}} |
|
86 |
+ Es ist möglich, ein Layout als Standard-Modern-Theme zu markieren. Es überschreibt dann das Modern-Theme, welches standardmäßig durch {{formcycle/}} |
|
87 |
+{{/figure}} |
|
88 |
+ |
| 85 |
85 |
An jedem Layout gibt es in der Liste links beim Überfahren mit der Maus ein Aktivieren-Symbol ({{icon name="power-off" /}}). Wird auf dieses geklickt, kann das Layout als Standard-Modern-Theme markiert werden. Ist ein Layout als Standard-Modern-Theme markiert, wird das Layout für alle Formular angewendet, bei denen im {{designer /}} die Option //Modern Theme// aktiviert ist. Die Option //Modern Theme// findet sich im Formular-Tab rechts im {{designer/}}. Es ist zu beachten, dass immer nur ein Layout als Standard-Modern-Theme markiert werden kann. Hinweis: Technisch wird dabei eine Mandantdatei mit Namen //031-extended.css// angelegt, wodurch das durch {{formcycle /}} standardmäßig ausgelieferte Modern-Theme überschrieben wird. |
| 86 |
86 |
|
| 87 |
87 |
In der Aktionsleiste ganz unten gibt es drei Aktionsmöglichkeiten: |
| ... |
... |
@@ -103,6
+103,10 @@ |
| 103 |
103 |
|
| 104 |
104 |
=== Editierbereich |
| 105 |
105 |
|
|
110 |
+{{figure image="plugin_theme_config_css_design_files_de.png"}} |
|
111 |
+ Es ist auch möglich, ein Layout statt als Mandantdatei unter [[Design (CSS)>>doc:Formcycle.UserInterface.FilesAndTemplates.Design]] abzuspeichern. Es kann dann im {{designer/}} als Theme für ein Formular verwendet werden. |
|
112 |
+{{/figure}} |
|
113 |
+ |
| 106 |
106 |
Im Editierbereich rechts kann das Layout bearbeitet werden. Der Editierbereich gliedert sich in zwei Abschnitte. |
| 107 |
107 |
|
| 108 |
108 |
Im ersten Abschnitt werden einige allgemeine Einstellungen zum Layout vorgenommen: |
| ... |
... |
@@ -130,7
+130,7 @@ |
| 130 |
130 |
|
| 131 |
131 |
=== SCSS-Vorlage |
| 132 |
132 |
|
| 133 |
|
-{{figure image="plugin_theme_config_scss_de.png"}} |
|
141 |
+{{figure image="plugin_theme_config_template_scss_de.png"}} |
| 134 |
134 |
Im {{smallcaps}}Scss{{/smallcaps}}-Tab kann der Inhalt der zu verwendenden {{smallcaps}}Scss{{/smallcaps}}-Datei bearbeitet werden. Die Nutzung von {{smallcaps}}Scss{{/smallcaps}}-Variablen ist möglich, deren Werte können dann pro Layout geändert werden. Variablen können durch Nutzung von //!default// mit Standardwerten vorbelegt werden. |
| 135 |
135 |
{{/figure}} |
| 136 |
136 |
|