| ... |
... |
@@ -10,12
+10,13 @@ |
| 10 |
10 |
|
| 11 |
11 |
Die Bedienung des Theme-Konfigurators gliedert sich in zwei Abschnitte, die sich jeweils an unterschiedliche Nutzergruppen richten: |
| 12 |
12 |
|
| 13 |
|
-; Erstellen von Layout-Vorlagen |
| 14 |
|
-: Dies richtet sich an technisch versierte Nutzer, die Vorlagen für Layouts erstellen möchten. In einer Vorlage wird etwa festgelegt, welche Eigenschaften (Farben, Schriftgrößen etc.) bearbeitbar sein sollen. Basierend auf einer Vorlage kann dann ein Layout erstellt werden, in dem jeder Eigenschaft entsprechende Werte zugewiesen werden (Farbe=rot, Schriftgröße=12px etc.). Hierzu sind grundlegende Kenntnisse über {{smallcaps}}Css{{/smallcaps}} und [[{{smallcaps}}Scss{{/smallcaps}}>>url:https://sass-lang.com/||rel="noopener noreferrer" target="_blank"]] notwendig. Für Nutzer, die keine Vorlagen erstellen sollen oder dürfen, kann diese Möglichkeit über ein [[Rollenrecht>>doc:Formcycle.UserInterface.UserSettings.Roles]] entzogen werden. |
| 15 |
|
- |
| 16 |
16 |
; Erstellen von konkreten Layouts |
| 17 |
17 |
: Dies richtet sich an gestalterisch versierte Nutzer. Basierend auf einer Vorlage kann ein konkretes Layout erstellt werden. Es ist auch möglich, mehrere Layouts basierend auf einer Vorlage zu erstellen, etwa eine Variation in Rot und eine Variation in Blau. Nachdem ein Layout erstellt wurde, kann es entwender als [[Design (CSS)>>doc:Formcycle.UserInterface.FilesAndTemplates.Design]]-Vorlage für den {{designer/}} oder als {{smallcaps}}Css{{/smallcaps}}-[[Mandantdatei>>doc:Formcycle.UserInterface.FilesAndTemplates.Files]] abgespeichert werden. |
| 18 |
18 |
|
|
16 |
+; Erstellen von Layout-Vorlagen |
|
17 |
+: Dies richtet sich an technisch versierte Nutzer, die Vorlagen für Layouts erstellen möchten. In einer Vorlage wird etwa festgelegt, welche Eigenschaften (Farben, Schriftgrößen etc.) bearbeitbar sein sollen. Basierend auf einer Vorlage kann dann ein Layout erstellt werden, in dem jeder Eigenschaft entsprechende Werte zugewiesen werden (Farbe=rot, Schriftgröße=12px etc.). Hierzu sind grundlegende Kenntnisse über {{smallcaps}}Css{{/smallcaps}} und [[{{smallcaps}}Scss{{/smallcaps}}>>url:https://sass-lang.com/||rel="noopener noreferrer" target="_blank"]] notwendig. Für Nutzer, die keine Vorlagen erstellen sollen oder dürfen, kann diese Möglichkeit über ein [[Rollenrecht>>doc:Formcycle.UserInterface.UserSettings.Roles]] entzogen werden. |
|
18 |
+; |
|
19 |
+ |
| 19 |
19 |
Wird das Plugin installiert, wird automatisch eine erste Layout-Vorlage im System angelegt. Diese enthält das mit {{formcycle/}} ausgelieferte //Modern-Theme//. |
| 20 |
20 |
|
| 21 |
21 |
Technisch werden durch Layout-Vorlagen {{smallcaps}}Scss{{/smallcaps}}-Dateien mit Variablen definiert. Durch Layouts wird diesen Variablen jeweils ein Wert zugewiesen. |
| ... |
... |
@@ -223,7
+223,7 @@ |
| 223 |
223 |
|
| 224 |
224 |
Die Konfiguration funktioniert ähnlich zum {{designer/}}: |
| 225 |
225 |
|
| 226 |
|
-* Standardmäßig werden alle Editoren untereinander angeordnet. Über die entsprechende Einstellung (siehe unten um Abschnitt //Einstellungen zur Ansicht//) ist es möglich, Editoren auch nebeneinander anzuordnen. Diese Option sollte mit Bedacht genutz werden, um den Nutzer nicht mit zu vielen Information auf einmal zu überlasten. |
|
227 |
+* Standardmäßig werden alle Editoren untereinander angeordnet. Über die entsprechende Einstellung (siehe unten um Abschnitt //Einstellungen zur Ansicht//) ist es möglich, Editoren auch nebeneinander anzuordnen. Diese Option sollte mit Bedacht genutz werden, um den Nutzre nicht mit zu vielen Information auf einmal zu überlasten. |
| 227 |
227 |
* Alle Editoren werden in Fieldsets gruppiert. Dies sorgt für eine klarere Gliederung und erhöht die Lesbarkeit. |
| 228 |
228 |
|
| 229 |
229 |
Editoren werden wie folgt hinzugefügt: |
| ... |
... |
@@ -273,7
+273,7 @@ |
| 273 |
273 |
; Modern-Theme in Vorschau deaktivieren |
| 274 |
274 |
: Ist diese Option aktiviert, wird das durch {{formcycle/}} ausgeliefert Modern-Theme-{{smallcaps}}Css{{/smallcaps}} in der Vorschau deaktiviert. Ob diese Option aktiviert werden sollte, hängt davon ab, ob das {{smallcaps}}Scss{{/smallcaps}} auf dem Modern-Theme aufbaut oder nur das Basis-{{smallcaps}}Css{{/smallcaps}} benötigt. |
| 275 |
275 |
; Formular-Theme in Vorschau deaktivieren |
| 276 |
|
-: Ist diese Option aktiviert, wird {{smallcaps}}Css{{/smallcaps}} des Themes deaktiviert, welches im {{designer/}} für das Formular eingestellt wurde. |
|
277 |
+: Ist diese Option aktiviert, wird das {{smallcaps}}Css{{/smallcaps}} deaktiviert, das im {{designer/}} im [[{{smallcaps}}Css{{/smallcaps}}-Bereich>>doc:Formcycle.FormDesigner.CodingPanel.CSSTab.WebHome]] eingegeben wurde. |
| 277 |
277 |
|
| 278 |
278 |
==== Einstellungen zur CSS-Ausgabe ==== |
| 279 |
279 |
|
| ... |
... |
@@ -294,7
+294,7 @@ |
| 294 |
294 |
:; NESTED |
| 295 |
295 |
:: Im {{smallcaps}}Scss{{/smallcaps}} verschachtelte Regeln Selektoren durch Einrückung im {{smallcaps}}Css{{/smallcaps}} dargestellt. |
| 296 |
296 |
; Zu unterstützende Browser |
| 297 |
|
-: Hier kann festgelegt werden, welche Browser unterstützt werden sollen. Dies hat etwa Auswirkungen darauf, welche Vendor-Präfixe automatisch hinzugefügt werden. Die Auswahl der Browser geschieht über eine sogenannte Browser-Query, zur Syntax siehe [[github.com/browserslist>>url:https://github.com/browserslist/browserslist#queries||rel="noopener noreferrer" target="_blank"]]. Durch Betätigen der Schaltfläche //Browser aufzeigen// kann angezeigt werden, welche Browser letzlich bei einer Query herauskommen. |
|
298 |
+: Hier kann festgelegt werden, welche Browser unterstützt werden sollen. Dies hat etwa Auswirkungen darauf, welche {{smallcaps}}Css{{/smallcaps}}-Präfix automatisch hinzugefügt werden. Die Auswahl der Browser geschieht über eine sogenannte Browser-Query, zur Syntax siehe [[github.com/browserslist>>url:https://github.com/browserslist/browserslist#queries||rel="noopener noreferrer" target="_blank"]]. Durch Betätigen der Schaltfläche //Browser aufzeigen// kann angezeigt werden, welche Browser letzlich bei einer Query herauskommen. |
| 298 |
298 |
; Anzahl der Leerzeichen für die Einrückung |
| 299 |
299 |
: Falls in der Ausgabe Zeilen eingerückt werden, kann hier festgelegt werden, wieviele Leerzeichen pro Einrückungslevel verwendet werden sollen. |
| 300 |
300 |
; Genaugikeit für nummerische Berechnungen |
| ... |
... |
@@ -334,7
+334,7 @@ |
| 334 |
334 |
|
| 335 |
335 |
=== 0.7.0 === |
| 336 |
336 |
|
| 337 |
|
-* Anpassungen für {{formcycle/}} Version 6.4.x. |
|
338 |
+* Anpassungen für {{formcycle/}} 6.4.x. |
| 338 |
338 |
* Behebung eines Problems der Oberfläche, wo beim Öffnen einer Layout-Vorlage manchmal eine Fehlermeldung kam. |
| 339 |
339 |
* Kleine Darstellungsfehler an der Oberfläche behoben. |
| 340 |
340 |
* Browser-Liste aktualisiert. |
| ... |
... |
@@ -341,12
+341,12 @@ |
| 341 |
341 |
|
| 342 |
342 |
=== 0.6.1 === |
| 343 |
343 |
|
| 344 |
|
-* Browserlist aktualisiert. |
| 345 |
|
-* Modern-Theme-Vorlage aktualisiert. |
|
345 |
+* Browser-Liste aktualisiert. |
|
346 |
+* Anpassungen an 031-extended.css auf Modern-Theme-{{smallcaps}}Scss{{/smallcaps}}-Vorlage übertragen. |
| 346 |
346 |
|
| 347 |
347 |
=== 0.6.0 === |
| 348 |
348 |
|
| 349 |
|
-* Anpassungen für {{formcycle/}} Version 6.3.x. |
|
350 |
+* Anpassungen für {{formcycle/}} 6.3.x. |
| 350 |
350 |
* Es kann ein Layout als Standard-Modern-Theme gewählt werden. |
| 351 |
351 |
* Ein Layout kann sowohl als Mandantdatei als auch auch {{smallcaps}}Css{{/smallcaps}}-Template gespeichert werden. Zudem kann es auch nur als Standard-Modern-Theme gespeichert werden. |
| 352 |
352 |
* Volle Breite für Formularvorschau. Die Auswahl des Formulars ist nun in einem Overlay-Dialog, der bei Klick auf das Zahnradsymbol rechts oben erscheint. |
| ... |
... |
@@ -357,11
+357,11 @@ |
| 357 |
357 |
|
| 358 |
358 |
* Kleine Anpassungen an der Oberfläche. |
| 359 |
359 |
* Am Vorschauformular können nun auch URL-Parameter gesetzt werden. |
| 360 |
|
-* `Basis-Theme in Vorschau deaktivieren` und //Modern-Theme in Vorschau deaktivieren// sind nun Eigenschaften der Layout-Vorlage |
| 361 |
|
-* Neue Eigenschaft //Formular-Theme in Vorschau deaktivieren// |
| 362 |
|
-* //postcss-discard-duplicates//-Plugin für postcss hinzugefügt. |
| 363 |
|
-* Bei {{smallcaps}}Scss{{/smallcaps}}-Import-{{smallcaps}}Url{{/smallcaps}}s kann an die {{smallcaps}}Url{{/smallcaps}} der Parameter //previewOnly// angehangen werden. Die Dateien werden dann nur für die Vorschau inkludiert, nicht im transpilierten {{smallcaps}}Css{{/smallcaps}}, das abgespeichert wird. |
| 364 |
|
-* Änderungen der Sytnax bei Import im {{smallcaps}}Scss{{/smallcaps}}. Der Pfad muss eine gültige {{smallcaps}}Uri{{/smallcaps}} sein: {{code language="none"}}@import "client/current/file.scss{{/code}}. Zudem können nun auch Layout-Vorlagen und Layouts direkt importiert werden. |
|
361 |
+* `Basis-Theme in Vorschau deaktivieren` und `Modern-Theme in Vorschau deaktivieren` sind nun Eigenschaften der Layout-Vorlage |
|
362 |
+* Neue Eigenschaft `Formular-Theme in Vorschau deaktivieren` |
|
363 |
+* `postcss-discard-duplicates`-Plugin für postcss hinzugefügt |
|
364 |
+* Bei {{smallcaps}}Scss{{/smallcaps}}-Import-URLs kann an die URL der Parameter `previewOnly` angehangen werden. Die Dateien werden dann nur für die Vorschau inkludiert, nicht im transpilierten {{smallcaps}}Css{{/smallcaps}}, das abgespeichert wird. |
|
365 |
+* Änderungen der Sytnax bei Import im {{smallcaps}}Scss{{/smallcaps}}. Der Pfad muss eine gültige URI sein: {{code language="none"}}@import "client/current/file.scss{{/code}}. Zudem können nun auch Layout-Vorlagen und Layouts direkt importiert werden. |
| 365 |
365 |
|
| 366 |
366 |
=== 0.4.0 === |
| 367 |
367 |
|