| ... |
... |
@@ -82,10
+82,6 @@ |
| 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 |
|
- |
| 89 |
89 |
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. |
| 90 |
90 |
|
| 91 |
91 |
In der Aktionsleiste ganz unten gibt es drei Aktionsmöglichkeiten: |
| ... |
... |
@@ -107,10
+107,6 @@ |
| 107 |
107 |
|
| 108 |
108 |
=== Editierbereich |
| 109 |
109 |
|
| 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 |
|
- |
| 114 |
114 |
Im Editierbereich rechts kann das Layout bearbeitet werden. Der Editierbereich gliedert sich in zwei Abschnitte. |
| 115 |
115 |
|
| 116 |
116 |
Im ersten Abschnitt werden einige allgemeine Einstellungen zum Layout vorgenommen: |
| ... |
... |
@@ -138,7
+138,7 @@ |
| 138 |
138 |
|
| 139 |
139 |
=== SCSS-Vorlage |
| 140 |
140 |
|
| 141 |
|
-{{figure image="plugin_theme_config_template_scss_de.png"}} |
|
133 |
+{{figure image="plugin_theme_config_scss_de.png"}} |
| 142 |
142 |
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. |
| 143 |
143 |
{{/figure}} |
| 144 |
144 |
|