Spaltensets und semantic_html

Druckbare Version

18.02.2016, 10:11
konabi

Liste der Anhänge anzeigen (Anzahl: 4)

Spaltensets und semantic_html

Hallo,
ich möchte meine erste Contao Seite mit Bootstrap erstellen.
Dazu habe ich mir components/bootstrap, contao-bootstrap/bundle, und contao-legacy/semantic_html5 installiert.

Über Spaltensets habe ich mir ein Spaltenset konfiguriert:
Anhang 17305

Das Spaltenset habe ich dem HTML5 - Element zugeordnet:
Anhang 17306

Innerhalb des HTML5 Element habe ich meine Texte:
Anhang 17307

Nun bin ich davon ausgegangen dass meine Texte automatisch nebeneinader statt untereinander stehen.
Beide Texte stehen aber untereinander.

2. Frage:
Wenn ich beim HTML5 Element unter "Als Bootstrap Grid-Element verwenden" Spalte auswähle muß ich unter "Zugeordnetes Grid Element" ein Element auswählen. Die Auswahlliste ist aber leer.
Wie und wo kann ich diese Auswahlliste füllen?
Anhang 17308

3. Frage:
Wie könnte ich das Spaltenset verwenden um ein Formular auf 2 Spalten zu verteilen?

Vielen Dank für eure Hilfe.
Sven
18.02.2016, 10:52
konabi

Liste der Anhänge anzeigen (Anzahl: 1)

Ich glaube die Antwort auf den ersten Teil der Frage habe ich hier im Forum gefunden:

https://community.contao.org/de/show...semantic_html5

Also muß das ganze dann so aussehen:
Anhang 17309

Aber wie mache ich das dann bei Formularen?

Grüße Sven
19.02.2016, 08:02
webstar

Zitat:

Zitat von konabi

Ich glaube die Antwort auf den ersten Teil der Frage habe ich hier im Forum gefunden:

https://community.contao.org/de/show...semantic_html5

Also muß das ganze dann so aussehen:
Anhang 17309

Aber wie mache ich das dann bei Formularen?

Grüße Sven

Ja, der Screenshot ist so korrekt. Ob Semantic HTML auch für Formulare funktioniert, kann ich nicht sagen. Alterantiv kann man die Subcolumns-Erweiterung nutzen, das auch eine Integration in den Formulargenerator bietet.
23.02.2016, 09:57
konabi

Super, auch das prinzip ahbe ich verstanden.
Semantic_html geht unter Formulare nicht aber die Subcolumns-Erweiterung funktioniert.

Danke für die Hilfe!
Sven
23.02.2016, 12:12
Thraile

Wir haben semantic_html5 noch nie in Formularen benötigt, daher stellen wir nur Content-Elemente bereit. Sollte das aber ein sinnvoller Anwendungsfall sein, kannst du gerne bei Github ein Feature-Request stellen. ;)

https://github.com/menatwork/semantic_html5/issues
23.02.2016, 19:01
konabi

Done: https://github.com/menatwork/semantic_html5/issues/25 :)
Sven
03.11.2016, 10:39
dive

Bootstrap Grid Editor + semantic_html

Wie bekomme ich eigentlich so etwas mit dem Bootstrap Grid-Editor (Spaltensets) + semantic_html hin:
http://getbootstrap.com/examples/offcanvas/

also wie im Beispiel ein 3-spaltiger Aufbau, allerdings mit mehr als 3 Inhalts-Elementen.
Wenn ich beim HTML-5-Element als row ein vorher definiertes 3-Spalten-Set zuweise und wie vorgesehen den von der row eingeschlossenen HTML-5-Elementen (Spalten) ebenfalls das 3-spaltige Grid-Element zuweise, dann ist nach 3 Elementen Schluß, alle weiteren HTML-5-Elemente bekommen keine Bootstrap-Klassen mehr, dementsprechend befinden sie sich nicht mehr im Grid-System.

Oder habe ich da nur etwas falsch verstanden?

LG, Dieter
04.11.2016, 00:40
Andreas

Nur falls noch nicht bekannt: Mit [dma_simple_grid] (im ER2 und auf github) kann man auch wunderbar die Spalten mit Bootstrap umsetzen, auch in Formularen.
07.11.2016, 12:29
webstar

Zitat:

Zitat von dive

Wie bekomme ich eigentlich so etwas mit dem Bootstrap Grid-Editor (Spaltensets) + semantic_html hin:
http://getbootstrap.com/examples/offcanvas/

also wie im Beispiel ein 3-spaltiger Aufbau, allerdings mit mehr als 3 Inhalts-Elementen.
Wenn ich beim HTML-5-Element als row ein vorher definiertes 3-Spalten-Set zuweise und wie vorgesehen den von der row eingeschlossenen HTML-5-Elementen (Spalten) ebenfalls das 3-spaltige Grid-Element zuweise, dann ist nach 3 Elementen Schluß, alle weiteren HTML-5-Elemente bekommen keine Bootstrap-Klassen mehr, dementsprechend befinden sie sich nicht mehr im Grid-System.

Oder habe ich da nur etwas falsch verstanden?

LG, Dieter

Derzeit kann die Integration für semantic_html5 nicht unendliche Spalten generieren. Mach doch bitte ein Ticket dazu. Prinzipiell unterstützt der Grid-Editor dieses Feature, müsste hier nur noch angewandt werden.

Das Beispiel ließe sich als Workaround dadurch nachbauen, indem man entweder eine neue Zeile anfängt oder zwei Elemente innerhalb einer Spalte ablegt, sodass diese dann untereinander erscheinen
07.11.2016, 12:31
webstar

Zitat:

Zitat von Andreas

Nur falls noch nicht bekannt: Mit [dma_simple_grid] (im ER2 und auf github) kann man auch wunderbar die Spalten mit Bootstrap umsetzen, auch in Formularen.

Dort muss dann allerdings der Redakteur die Kenntnisse für gerätespezifische Konfigurationen besitzen. Gerade um dies zu vermeiden, wurde damals der Grid-Editor erstellt, sodass die Kombinationen im Layout zentral definiert werden können. Ansonsten definitiv noch eine brauchbare Grid-Erweiterung.
07.11.2016, 13:30
Andreas

Zitat:

Zitat von webstar

Dort muss dann allerdings der Redakteur die Kenntnisse für gerätespezifische Konfigurationen besitzen.

Kenntnisse über gerätespezifische Konfigurationen muss er nicht haben, er muss nur sagen, wie die Spalteneinteilung sein soll auf kleinen, mittleren und großen Viewports, falls er dort eine Unterscheidung vornehmen möchte.
08.11.2016, 13:33
dive

Zitat:

Zitat von webstar

Derzeit kann die Integration für semantic_html5 nicht unendliche Spalten generieren. Mach doch bitte ein Ticket dazu. Prinzipiell unterstützt der Grid-Editor dieses Feature, müsste hier nur noch angewandt werden.

Das Beispiel ließe sich als Workaround dadurch nachbauen, indem man entweder eine neue Zeile anfängt oder zwei Elemente innerhalb einer Spalte ablegt, sodass diese dann untereinander erscheinen

Done: https://github.com/menatwork/semantic_html5/issues/33

Neue Zeile war eh mein Workaround bisher, aber durch das responsive Verhalten auf kleineren Screens (z.b. veränderte Spaltenzahl) nicht perfekt, weil es zu Umbrüchen kommen kann.

LG, Dieter
09.11.2016, 22:03
Thraile

Zitat:

Zitat von webstar

Derzeit kann die Integration für semantic_html5 nicht unendliche Spalten generieren. Mach doch bitte ein Ticket dazu. Prinzipiell unterstützt der Grid-Editor dieses Feature, müsste hier nur noch angewandt werden.

Jetzt gibt es ein Ticket bei semnatic_html5 :D - ich glaube, das wöre bei euch besser aufgehoben, oder? Wenn wir unterstützen können, tun wir das natürlich...
10.11.2016, 07:58
webstar

Zitat:

Zitat von Thraile

Jetzt gibt es ein Ticket bei semnatic_html5 :D - ich glaube, das wöre bei euch besser aufgehoben, oder? Wenn wir unterstützen können, tun wir das natürlich...

Ja, das betrifft semantic_html5 nicht direkt. :)