Joomla Logo


Joomla Block Editor

Der bisherige gridEditor wurde in Joomla Block Editor umbenannt, da dies dem allgemeinen Sprachgebrauch entspricht. Blöcke sind Inhalte und innerhalb des Boostrap-Rasters. Daher entsprechen die  für wrapper, container, row, col und content einem "Block".

Überschrift

Text

Formulare

Mehr lesen...

Der neue Content-Type Formular ermöglicht das Eingeben in Content-Bereiche ohne dabei Layout-Änderungen zuzulassen.

Wollen Sie, dass mehrere Absätze in einem Content verändert werden können, können sie diese als einzelne Felder auszeichen und leer gelassene Absätze per CSS ausblenden.

Felder können sehr einfach im HTML spezifiert werden und werden aus der Ausgabe für das FE entfernt.

Wenn Sie im Direkteingabemodus einfach neue Absätze hinzufügen, werden automatisch neue Formular-Felder erzeugt, wenn der vorausstehende Absatz bereits als solches definiert ist.

Mehr lesen...

Zukunft: In einer verbesserten Version kann per Klick BBCODE auf markierten Text übertragen werden. Damit entfällt auch die Gefahr für unreguliertes HTML. Weiterhin können Absätze per Klick gelöscht und neu eingefügt und verschoben werden.

Content Widgets

Content Widgets (oder kurz: Contents) sind die kleinsten Blöcke und entsprechen einem mit der Klasse jbe-content unterhalb einer col. Sie können Contents mit dem Zahnrad einstellen und auch duplizieren.
Außerdem können Sie in Contents direkt schreiben und darauf CSS-Klassen für Formatierungen und Änderung der Darstellung anwenden. Content Widgets lassen sich über das Puzzle-Icon neu einfügen und über das Zahnrad löschen.
Download

Karten und andere Content Elemente umfärben

Karten (bzw. Cards) können mit nur einer Klasse ungefärbt werden. Diese wird hinter die Klasse für card geschrieben, z.B. card card-blau.

Es gibt nun fünf vordefinierten Farbsets, die als Farb-Set innerhalb eines Template-Stils abgeändert werden können. Diese Farbsets können auch auf andere Elemente der Seite angewendet werden. Farbset -> Karte, Farbset -> Bootstrap-Element-X.

Die Farbensets färben nach folgender Methode:

  • Hintergrund Body
  • Vordergrund Body (Schrift Body)
  • Hintergrund Header
  • Vordergrund Header (Schrift Header)
  • Hintergrund Footer
  • Vordergrund Footer (Schrift Footer)
  • Rahmenfarbe

Für die Stati Mouseover und Active kann ein weiteres Farbset gewählt werden, alternativ werden Farben mit einem Filter abgetönt.

Für das Umfräben benötigte Klassen auf card: card-link oder card-hover

Laden von Content Widgets

Ab sofort lassen sich Content Widgets mit der Erweiterung Snippets von Regular Labs anlegen. Achten Sie unbedingt darauf, sie mit dem Editor Codemirror oder None zu bearbeiten, eine Editor-Restriktion ist im Moment nicht vorhanden.

Templates laden überall

Es gibt eine größere Anzahl gebrauchsfertiger Templates, die nun sowohl in den gesamten Editor-Bereich (wrapper), als auch auf einzelne wrapper, rows oder in columns geladen werden können.

Normale Templates sind nicht geeignet, um in Content Widgets eingefügt zu werden. Nutzen Sie  hier die Lade-Funktion der Content Widgets (s.o.).

Content Widget Presets

Presets für Content Widgets erlauben die Übernahme von Bootstrap- und andere Content Elementen.

Im Moment ist dies noch nicht abgeschlossen:

Klassifizierung der Elemente (class, id) und das Hinzufügen und Löschen von Unterelementen muss noch ausschließlich händisch im HTML Code erfolgen.

Weiterhin fehlt im Moment noch eine Feld-Struktur, um Elemente per Formular abändern oder erweitern zu können.
Diese könnte zwar leicht schon implementiert werden, sie ist aber erst dann sinnvoll, wenn sie auf neue Unterlemente reagiert.

Eins
Zwei
Drei

This is the first items accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. Its also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second items accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. Its also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third items accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. Its also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Joomla Logo


Joomla Block Editor

Der bisherige gridEditor wurde in Joomla Block Editor umbenannt, da dies dem allgemeinen Sprachgebrauch entspricht. Blöcke sind Inhalte und innerhalb des Boostrap-Rasters. Daher entsprechen die  für wrapper, container, row, col und content einem "Block".

Überschrift

Text

Formulare

Der neue Content-Type Formular ermöglicht das Eingeben in Content-Bereiche ohne dabei Layout-Änderungen zuzulassen.

Wollen Sie, dass mehrere Absätze in einem Content verändert werden können, können sie diese als einzelne Felder auszeichen und leer gelassene Absätze per CSS ausblenden.

Felder können sehr einfach im HTML spezifiert werden und werden aus der Ausgabe für das FE entfernt.

Wenn Sie im Direkteingabemodus einfach neue Absätze hinzufügen, werden automatisch neue Formular-Felder erzeugt, wenn der vorausstehende Absatz bereits als solches definiert ist.

Zukunft: In einer verbesserten Version kann per Klick BBCODE auf markierten Text übertragen werden. Damit entfällt auch die Gefahr für unreguliertes HTML. Weiterhin können Absätze per Klick gelöscht und neu eingefügt und verschoben werden.

Content Widgets

Content Widgets (oder kurz: Contents) sind die kleinsten Blöcke und entsprechen einem mit der Klasse jbe-content unterhalb einer col. Sie können Contents mit dem Zahnrad einstellen und auch duplizieren.
Außerdem können Sie in Contents direkt schreiben und darauf CSS-Klassen für Formatierungen und Änderung der Darstellung anwenden. Content Widgets lassen sich über das Puzzle-Icon neu einfügen und über das Zahnrad löschen.
Download

Karten und andere Content Elemente umfärben

Karten (bzw. Cards) können mit nur einer Klasse ungefärbt werden. Diese wird hinter die Klasse für card geschrieben, z.B. card card-blau.

Es gibt nun fünf vordefinierten Farbsets, die als Farb-Set innerhalb eines Template-Stils abgeändert werden können. Diese Farbsets können auch auf andere Elemente der Seite angewendet werden. Farbset -> Karte, Farbset -> Bootstrap-Element-X.

Die Farbensets färben nach folgender Methode:

  • Hintergrund Body
  • Vordergrund Body (Schrift Body)
  • Hintergrund Header
  • Vordergrund Header (Schrift Header)
  • Hintergrund Footer
  • Vordergrund Footer (Schrift Footer)
  • Rahmenfarbe

Für die Stati Mouseover und Active kann ein weiteres Farbset gewählt werden, alternativ werden Farben mit einem Filter abgetönt.

Für das Umfräben benötigte Klassen auf card: card-link oder card-hover

Laden von Content Widgets

Ab sofort lassen sich Content Widgets mit der Erweiterung Snippets von Regular Labs anlegen. Achten Sie unbedingt darauf, sie mit dem Editor Codemirror oder None zu bearbeiten, eine Editor-Restriktion ist im Moment nicht vorhanden.

Templates laden überall

Es gibt eine größere Anzahl gebrauchsfertiger Templates, die nun sowohl in den gesamten Editor-Bereich (wrapper), als auch auf einzelne wrapper, rows oder in columns geladen werden können.

Normale Templates sind nicht geeignet, um in Content Widgets eingefügt zu werden. Nutzen Sie  hier die Lade-Funktion der Content Widgets (s.o.).

Content Widget Presets

Presets für Content Widgets erlauben die Übernahme von Bootstrap- und andere Content Elementen.

Im Moment ist dies noch nicht abgeschlossen:

Klassifizierung der Elemente (class, id) und das Hinzufügen und Löschen von Unterelementen muss noch ausschließlich händisch im HTML Code erfolgen.

Weiterhin fehlt im Moment noch eine Feld-Struktur, um Elemente per Formular abändern oder erweitern zu können.
Diese könnte zwar leicht schon implementiert werden, sie ist aber erst dann sinnvoll, wenn sie auf neue Unterlemente reagiert.

Eins
Zwei
Drei

This is the first items accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. Its also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second items accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. Its also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third items accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. Its also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.