Änderungen von Dokument Theme-Konfigurator-Plugin

Von Version < 15.44 >

bearbeitet von awa
am 19.03.2020, 17:13

Auf Version < 15.49 >

bearbeitet von awa
am 20.03.2020, 09:05

< >

Änderungskommentar: Es gibt keinen Kommentar für diese Version

Rohform
Im Layout

Zusammenfassung

Seiteneigenschaften (2 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Titel

@@ -1,1
          +1,1 @@
--ThemeConfiguratorPlugin
++Theme-Konfigurator-Plugin

Inhalt

@@ -207,6
          +207,32 @@
    Im ersten Tab auf der rechten Seite kann festgelegt werden, mit welchen Editoren welche {{smallcaps}}Scss{{/smallcaps}}-Variablen bearbeitet werden sollen. Zudem wird hier auch die Reihenfolge der Editoren festgelegt.
  {{/figure}}
++Im ersten Tab auf der rechten Seite wird festgelegt, welche {{smallcaps}}Css{{/smallcaps}}-Variablen letzlich durch den Nutzer bearbeitet werden können, wenn dieser Layout erstellt, das auf der Vorlage beruht. Für jede Variable wird festgelegt,
++
++* mit welchem Editor die Variable bearbeitet werden kann (wie etwa Texteditor, Dateieditor, Pixeleditor); und
++* an welcher Stelle der Oberfläche der Editor später erscheinen wird.
++
++Die Konfiguration funktioniert ähnlich zum {{designer /}}:
++
++* 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.
++* Alle Editoren werden in Fieldsets gruppiert. Dies sorgt für eine klarere Gliederung und erhöht die Lesbarkeit.
++
++Editoren werden wie folgt hinzugefügt:
++
++* Wurde eine neue Layout-Vorlage angelegt, gibt es zunächst nur einen Knopf: //Neue Gruppe//. Hiermit wird eine neue Gruppe (Fieldset) angelegt.
++* In dieser Gruppe gibt es nur erneut einen Knopf: //Neuer Editor//. Dieser fügt einen neuen Texteditor mit Standardeinstellungen zur Gruppe hinzu.
++* Um noch eine neue Gruppe anzulegen, kann auf den {{icon name="plus"/}}-Knopf gedrückt werden. Dieser erscheint, sobald man mit der Maus über den Freiraum zwischen zwei Gruppen fährt (beziehungsweies über den Freiraum überhalb der ersten und unterhalb der letzten Gruppe).
++* Um noch einen neuen Editor in einer Gruppe anzulegen, kann auf den Plus-Knopf ({{icon name="plus"/}}) gedrückt werden. Dieser erscheint, sobald man mit der Maus über den Freiraum zwischen zwei Editoren fährt (beziehungsweies über den Freiraum überhalb des ersten und unterhalb des letzten Editors).
++
++An jedem Editor sind nun folgende Einstellungen möglich:
++
++; Variablenname und Anzeigename festlegen
++: Für jeden Editor muss festgelegt werden, welche Variable er bearbeitet und welcher Beschreibungstext beim Erstellen eines neuen Layouts angelegt wird. Dazu wird auf den blauen Beschreibungstext oben am Editor geklickt. Es öffnet sich ein Eingabefeld. Hier wird der Variablenname und der Anzeigename eingetragen, getrennt mit einm Doppelpunkt: {{code language="none"}}<variable-name>:<Display Name>{{/code}}. Hinweis: Es kann hier zu keinen Verwechslungen kommen, da {{smallcaps}}Scss{{/smallcaps}}-Variablen keinen Doppelpunkt enthalten dürfen. Der Anzeigename darf Doppelpunkte erhalten, der Variablenname wird durch den ersten Doppeltpunkt abgetrennt.
++; Standardwert festlegen
++: Um den Standardwert für die Variable festzulegen, kann der Wert direkt über den Editor eingegeben werden.
++; Hilfetext hinzufügen oder ändern
++: Optional kann an jedem Editor ein Hilfetext angezeigt werden. Um einen Hilfetext hinzuzufügen oder den bestehenden Hilfetext zu ändern, kann auf das blaue Fragezeichen-Symbol ({{icon name="question-circle"}}) gedrückt werden. Es öffnet sich ein Textfeld, wo der Text bearbeitet werden kann.
++
  * Editoren-Typ, Breite, weitere Optionen, mehrspaltig?
  === Einstellungen
@@ -232,7
          +232,7 @@
  ; Modern-Theme in Vorschau deaktivieren
  : 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.
  ; Formular-Theme in Vorschau deaktivieren
--: Ist diese Option aktiviert, wird das {{smallcaps}}Css{{/smallcaps}} deaktiviert, das im {{designer/}} im [[{{smallcaps}}Css{{/smallcaps}}-Bereich>>doc:Formcycle.FormDesigner.CodingPanel.CSSTab]] eingegeben wurde.
++: 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.
  ==== Einstellungen zur CSS-Ausgabe ====
@@ -281,10
          +281,54 @@
  ; Unbenötigte Präfixe entfernen
  : Wenn diese Option aktiviert ist, werden unbenötigte Vendor-Präfixe automatisch entfernt. Etwa werden Präfixe für alte Browser entfernt, die nicht mehr unterstützt werden brauchen.
  ; Präfix für @supports-Regeln hinzufügen
--: Wenn diese Option aktiviert ist, werden auch für Vendor-Präfixe für [[@supports>>url:https://developer.mozilla.org/en-US/docs/Web/CSS/@supports]]-Regeln hinzugefügt.
++: Wenn diese Option aktiviert ist, werden auch Vendor-Präfixe für [[@supports>>url:https://developer.mozilla.org/en-US/docs/Web/CSS/@supports]]-Regeln hinzugefügt.
  ; {{smallcaps}}Css{{/smallcaps}} einrücken wenn nicht minifiziert (Visual Cascade)
--: Aktiviert die //cascade//-Option von //autprefixer// (Style-Deklaration am Doppelpunkt ausrichten).
++: Aktiviert die //cascade//-Option von //autprefixer// (Deklarationen am Doppelpunkt ausrichten).
  ; Präfixe für Flexbox-Eigenschaften hinzufügen
++: Wenn diese Option aktiviert ist, werden auch Vendor-Präfixe für [[Flexbox>>url:https://css-tricks.com/snippets/css/a-guide-to-flexbox/]]-Eigenschaften hinzugefügt.
  ; Präfixe für Rastereigenschaften (grid) hinzufügen
++: Wenn diese Option aktiviert ist, werden auch Vendor-Präfixe für [[Grid>>url:https://css-tricks.com/snippets/css/complete-guide-grid/]]-Eigenschaften hinzugefügt.
  == Changelog
++
++=== 0.6.1
++
++* NPM-Abhängigkeiten aktualisiert, inklusive aktueller Browser-Liste
++* Anpassungen an 031-extended.css auf Modern-Theme-SCSS-Vorlage übertragen.
++
++=== 0.6.0
++
++* Gebaut gegen FORMCYCLE 6.3.0
++* Es kann global eine Theme als globales Modern Theme gewählt werden
++* Ein Theme kann sowohl als Mandantdatei als auch auch CSS-Template gespeichert werden. Zudem kann es auch nur als Modern-Theme gespeichert werden.
++* Volle Breite für Formularvorschau. Die Auswahl des Formulars für die Vorschau kommt in Overlday-Dialog bei Klick auf das Zahnrad rechts oben.
++* Beim Installieren des Plugins wird neben einer Modern-Theme-Editorkonfiguration auch eine Processing-Konfiguration erzeugt, falls diese noch nicht existiert.
++* Kleinere Bug-Fixes
++
++=== 0.5.0
++
++* Kleine Anpassungen UI
++* Für Vorschau-Formular können HTML-Parameter gesetzt werden
++* `Disable base theme` und `Disable base theme` sind nun Eigenschaften der Editorkonfiguration
++* Neue Eigenschaft `Disable form theme`
++* `postcss-discard-duplicates`-Plugin für postcss hinzugefügt
++* Bei SCSS-Import-URLs kann an die URL der Parameter `previewOnly` gehangen werden. Die Dateien werden nur für die Vorschau inkludiert, nicht im transpilierten CSS.
++* Änderungen der Sytnax bei Import im SCSS. Der Pfad muss eine gültige URI sein: `@import "client/current/file.scss". Zzudem können nun auch `thpc` und `thed`-Dateien direkt importiert werden.
++
++=== 0.4.0
++
++* Anpassung Styling & Layout
++* Möglichkeit für einspaltige Darstellungen analog zum Designer
++
++=== 0.3.0
++
++* Postprocessing / Prefixing für CSS
++* Import / Export überarbeitet, Konflikresolution
++
++=== 0.2.0
++
++* Unterstützung der Auswahl von mehreren Dateien
++
++=== 0.1.0
++
++* Initialer Release. Gebaut gegen V6.1-SNAPSHOT, scheint auch in V6.0 zu funktionieren.

Änderungen von Dokument Theme-Konfigurator-Plugin

Zusammenfassung

Details

Navigation