[simple_columns] Einfache Spalten für Inhaltselemente

[tlnewbie]

Danke für die Erweiterung!!
Genau das was ich gerade brauchte und sehr einfach zu bedienen!
Gruß!

[gregor]

Ich habe Contao 2.10.4 und simple_columns 1.2.2 Build5 und kann beim Elementtyp Include-Element Artikel keine Spalten anlegen, die simple_colums Spalteneinstellungen werden nicht angezeigt.
Mit den anderen Include-Elemttypen klappt es.

Sind Spalten mit dem Elementtyp Include-Element Artikel nicht möglich?


LG
Gregor

[Babelfisch]

Ist jetzt in der 1.2.3 behoben.

Gruß

[gregor]

Perfekt + 1000 Dank für die, wie immer, schnelle Reaktion.

Funktioniert bestens.

LG
Gregor

[jschma]

Super Erweiterung, vielen vielen Dank! Mir waren die vielen Inhaltselemente mit subcolumns immer ein Dorn im Auge. Von daher bin ich sehr glücklich das ich über diesen Thread gestolpert bin

Ich hätte einen kleinen Feature-Request:
Gleiche Spaltenhöhe
Diese Option setzt alle Spalten auf die Höhe der längsten Spalte...

Das ist bei subcolumns möglich, ich muss hier leider auf die "Konkurrenz" verweisen Und genau diese Funktion fehlt mir doch sehr, besteht eine Chance das das umgesetzt werden kann mit deiner Erweiterung?

Danke nochmal für die schöne Extension und viele Grüße,
jschma

[gregor]

Du kannst den simple_columns Containern per CSS ein min-heigth mitgeben.
Das mache ich bei mehrspaltigen Footern so, damit sie alle eine gleiche Höhe haben.

Wenn sich jedoch der Inhalt ständig in der Höhe ändert, funktioniert das dann natürlich nicht mehr.
Dann müßte man immer nacharbeiten.

LG
Gregor

[Babelfisch]

Schreib bitte bei GitHub einen Issue dazu. Ich schaue es mir bei Gelegenheit an, jedoch denke ich mal, dass sich das nicht so einfach umsetzen lässt. Mein simple_columns kommt ja ohne zusätzliche Wrapper-Elemente aus und nur mit einem solchen Wrapper (so wie subcolumns) lässt sich das mit reinem HTML/CSS realisieren. Evtl. kann ich aber eine JavaScript-Variante einbauen, die die Höhe ändert. Du kannst natürlich aber auch selbst mit min-heigth arbeiten, was in vielen Fällen schon ausreichen sollte.

Gruß

[jschma]

@Gregor
Danke für deinen Tipp! Aber dann müsste ich für jede Inhaltsseite (es geht nicht um den Footer) eigene Styles definieren weil die Höhe der Inhalte ja variiert. Wird der Inhalt nachträglich vom Redakteur abgeändert passen auch die Höhen nicht mehr. Ich hoffe ich hab dich jetzt richtig verstanden...

Ich schaue es mir nochmals an mit der min-height, glaube aber das es nicht so recht die richtige Lösung für mein Problem ist

@Babelfich
Issue ist erstellt

Viele Grüße,
jschma

[gregor]

Das ist korrekt. Wenn sich die Inhalte ständig ändern, und das auch noch auf unterschiedlichen Seiten, ist die Lösung mit min-height ungünstig.

Ich weiß nicht wie Dein Layout aussieht, aber vielleicht kann man was mit der CSS ID / Klasse des Artikel machen, welcher die Spalten von simple_columns beinhaltet.
Würde mit dem Hintergrund so funktionieren. Senkrechte Trennlinie könnstes Du beim größten DIV vergeben, wenn es nur 2-Spaltig ist.
Mehrspaltig würde ich über ein Y-gekacheltes Hintergrundbild mit Trennstreifen beim Artikel realisieren, wenn die Breite der DIV's konstant bleibt.

LG
Gregor

[jschma]

Das ist korrekt.
Würde mit dem Hintergrund so funktionieren. Senkrechte Trennlinie könnstes Du beim größten DIV vergeben, wenn es nur 2-Spaltig ist.

Genau so habe ich es jetzt gelöst Das klappt aber auch nur weil (zufälligerweise) immer die rechte Spalte die Höhere ist. Generell wäre es natürlich mit "gleicher Spaltenhöhe" sehr viel eleganter und auch "update-sicherer" bezogen auf neue Inhalte.

[xchs]

Evtl. kann ich aber eine JavaScript-Variante einbauen, die die Höhe ändert.

KATgirl hat dazu heute im Contao Wiki etwas geschrieben: http://de.contaowiki.org/Gleich_hohe_DIV_Container

[Babelfisch]

Geht in diesem Fall nicht, da es keinen umschließenden Container gibt. Sollte aber trotzdem machbar sein. Ich muss halt nur alle Elemente einer Reihe durchklappern und das größte suchen.

Gruß

[jschma]

Habe noch eine Logikfrage zu der Extension:

Warum gibt es denn nicht die Möglichkeit wie folgt:
5 Spaltig
-- über 4 Spalten
-- über 1 Spalte

speziell "über 1 Spalte" fehlt mir. Oder geht das irgendwie anders?

[Babelfisch]

5-spaltig ist über eine Spalte. Zusätzlich gibt es dann eben noch 5-spaltig über 2 bis 4 Spalten. In deinem Fall also das erste Element «5-spaltig/→ über 4 Spalten» und das zweite Element «5-spaltig».

Gruß

[jschma]

5-spaltig ist über eine Spalte. Zusätzlich gibt es dann eben noch 5-spaltig über 2 bis 4 Spalten. In deinem Fall also das erste Element «5-spaltig/→ über 4 Spalten» und das zweite Element «5-spaltig».

Gruß

Ok danke für deine Antwort! Sind die Spalten dann auch nebeneinander? Naja ich werde es später mal testen

[Babelfisch]

Sind die Spalten dann auch nebeneinander?

Ja, sonst wären es ja keine Spalten. Fünf mal «5-spaltig» macht fünf Spalten.

Gruß

[Babelfisch]

In Version 1.3.0 beta1 habe ich jetzt eine neue Funktion eingebaut: Spaltenhöhe.

Damit lassen sich mehrere aufeinanderfolgende Inhaltselemente in einer Spalte untereinander angeordnet, wodurch sich auch aufwendigere Layouts erstellen oder zusammenhängende Inhalte gruppieren lassen. Gibt man zum Beispiel einem Element eine Spaltenhöhe von 3 Elementen, dann werden auch die zwei darauffolgenden Inhaltselementen in dieser Spalte angezeigt (unabhängig von den Einstellungen in diesen Elementen).

Hier mal ein Beispiel, wie so was aussehen kann:

[jschma]

Perfekt! Genau das hat mir noch gefehlt, super Sache!

[mcmurphy]

Hi Babelfish,
erstmal THX für deine klasse Extension.
Hätte aber ne Frage:
wie lassen sich den eigene, mit dem dma_elementgenerator erstellte Inhaltselemente in deiner Extension einbinden?
Hatte das Problem schon mal hier: https://www.contao-community.de/show...792#post210792 gestellt.

Mit einem "normalen" Element als erstes lassen sich selbsterstellte in die Spalte bringen, aber wäre um längen cooler wenn die Spalteneinstellungen auch für eigene Inhaltselemente verfügbar wären.
lg & THX
McMurphy

[mizoko]

Hallo,
bei subcolumns, wird noch ein padding-left genutzt. Führt dazu, das beide Spalteninhalte nicht so einanderkleben. Bei simple_columns müßte ich z.B. bei 2 Spalten bei .sc2-last noch ein padding-left: 1% einfügen?

[Babelfisch]

Das kannst du machen, musst dann aber auch die Breite mit ändern und ein Prozent abziehen. Standardmäßig haben die Spalten 1% rechten Rand. Besser wäre es vermutlich, lieber den enthaltenen Elementen einen linken Abstand zu geben. Bspw.:

.sc > * { margin-left: 10px; }

Gruß

[rezico]

Oh man!!
Vielen Dank für diese Erweiterung.
Leider musste ich gestern bereits unzählige subcolumns Elemente anlegen. Das Ergebins wäre hier viel schneller erreicht gewesen, klasse

[gregor]

Kann man Videobox für die Verwendung mit simple_columns aktivieren/freischalten? Wollte gerne zwei Videoclips nebeneinander verwenden.

LG
Gregor

[Babelfisch]

Sieht schlecht aus. „V“ kommt nach „S“ und da Contao die Extension alphabetisch abarbeitet, komme ich da nicht mehr zum Zug.

Trag es bitte trotzdem im Github ein. Wenn ich mal Zeit finde und mir die Issues vornehme, schaue ich mal, ob es nicht doch noch einen Weg gibt.

Gruß

[gregor]

Kann man den Namen dann nicht einfach in zimple_columns ändern?

Nee, Spaß beiseite, ich hab es bei Gitup eingetragen.

LG
Gregor

[mike_mcfly]

Ahoi,

erst mal Danke für die tolle Erweiterung. Gegenüber den anderen Spaltenerweiterungen finde ich es übrigens auch klasse, dass diese im Backend durch die kleinen Quadrate deutlich zu erkennen sind!

Noch eine kleine Verbesserung hätte ich: es wäre gut, den horizontalen Spaltenabstand im Backend manuell steuern zu können!

[corticelli]

Feine Erweiterung, mir gefällt insbesondere das Bedienkonzept.
Ist ggf. geplant, den Spalten noch responsives Verhalten beizubringen?
Also: Spalten untereinander, wenn Viewport zu schmal ...

[mike_mcfly]

Feine Erweiterung, mir gefällt insbesondere das Bedienkonzept.
Ist ggf. geplant, den Spalten noch responsives Verhalten beizubringen?
Also: Spalten untereinander, wenn Viewport zu schmal ...

Super Idee!

[Babelfisch]

Zu schmal gibt es bei den Spalten nicht, da sie ja prozentual angegeben sind. Da jedoch für alle Spaltentypen eindeutige Klassen vergeben werden, kannst du mit eigenem CSS natürlich leicht das gewünschte Verhalten einbauen. Einfach für die gewünschten Minimalbreite ein eigenes Stylesheet für simple_columns definieren, welches die Spalten dann wieder 100 % breit macht, Margin und Padding zurücksetzt und das Floating entfernt.

@mike_mcfly: Der Spaltenabstand lässt sich eher schlecht direkt in der Erweiterung ändern. Prinzipbedingt müssen Spaltenabstand + Breite halt immer die gewünschte Spaltenbreite ergeben und wenn das für jede Spalte änderbar wäre, würde das wieder auf Inline-Styles hinauslaufen, was ich vermeiden möchte. Generell kannst du aber die Spaltenabstände natürlich selbst ändern, indem du in deinem eigenen Stylesheet die Werte von simple_columns überschreibst. Schau dir dazu einfach an, wie ich es in der simple_columns.css gemacht habe und ändere das gewünschte.

Gruß

[corticelli]

Stimmt schon, was dem einen zu breit ist dem anderen zu schmal, von daher ...

Wenn ich aber eh schon die Styles überschreiben muss, wäre es mir persönlich lieber, das CSS gleich selber zu schreiben, aber dann "stört" der Standard-Aufruf - kann man den vielleicht optional unterdrücken? Oder die Integration über das Seitenlayout vornehmen? Das hätte auch gleich noch den Vorteil, dass man wieder einen Request spart ...

[LArn]

Hallo,

ich will in der Fußzeile eine Eventliste (Modul), eine Newsliste (Modul) und die letzten Änderungen (Insert {{...}}) in 3 Spalten anordnen.
Die drei Inhaltselemente gibt es in einem Artikel und für jedes habe ich 3-spaltig eingestellt - "Zeile manuell schließen" ist bei allen dreien aus.
Nun bekomme ich keines der drei Elemente angezeigt. Wo liegt mein Problem - kann mir jemand helfen?
Muss ich bei der Klasse unten extra noch sc3-first usw. eintragen. Ehrlich gesagt ist die Anleitung für mich wenig hilfreich.

Danke.

Lutz

[Babelfisch]

Wird denn was angezeigt, wenn du die Elemente nicht als Spalten setzt? Kann man sich das mal irgendwo live anschauen? Gerne auch als PN.

Gruß

[LArn]

Also auch wenn ich die Spalteneinteilung nicht einstelle bekomme ich die CEs in der Fußzeile nicht zu sehen.
Eine Kopie des Artikels ist hingegen in der Hauptspalte sichtbar aber obwohl auf 3-spaltig gestellt nicht entsprechend ausgegeben ....
Siehe http://www.clg-laupheim.de/

Je Spalte steht ein CE, also muss ich das ja nicht extra angeben.
Übrigens auch die Symbole, die im BE am Anfang des CE die Spaltenverteilung angeben sollten, erscheinen nicht.
Die Erweiterungsverwaltung sagt, die Erweiterung ist aktuell (1.4.0 Build 4) und richtig installiert.

[rezico]

Hey Larn,
das ist ein Contao-Problem. Bei den Inserttags werden die Scripte zu den Modulen nicht mitgeladen. D. h. eine Slideshow würde auch nicht funktionieren.
Psi hat dazu aber eine nützliche Erweiterung veröffentlicht: inserttags_js_support

Danach sollte es klappen!

PS: Ich würde dir noch empfehlen die Line-Height von deinem #Main Bereich zu erhöhen, dann ist der Text etwas leserlicher (vielleicht auch nicht #000 sondern etwas heller!)

[LArn]

Danke für die Gestaltungstipps - habe ich gleich umgesetzt - es sieht wirklich viel besser aus.

Hey Larn,
das ist ein Contao-Problem ... würde auch nicht funktionieren.
Psi hat dazu aber eine nützliche Erweiterung veröffentlicht: inserttags_js_support

Danach sollte es klappen!

PS: Ich würde dir noch empfehlen die Line-Height von deinem #Main Bereich zu erhöhen, dann ist der Text etwas leserlicher (vielleicht auch nicht #000 sondern etwas heller!)

Problem verstanden. Habe nun "inserttags_js_support" installiert, aber wie wende ich es an? Da klappt erst mal gar nichts - wahrscheinlich bin ich zu blöd.

Deshalb wäre ich für weitere Tipps sehr dankbar.
Hier nochmal das Problem:
In der Hauptspalte werden die Bereiche dargestellt, aber nicht in Spalten gebracht, obwohl im CE 3-Spaltig eingestellt ist.
In der Fußzeile erscheint gar nichts.
Keine Veränderung durch die Installation von "inserttags_js_support". Wollte dann im Handbuch nachschauen - welches Handbuch, da ist nichts.

Hallo Babelfisch, was sollte ich tun, damit Du als PN schauen kannst? (Ist es schlimm wenn ich frage, was ein PN ist?)

Danke
LArn

[xchs]

Ist es schlimm wenn ich frage, was ein PN ist?

PN (oder PM) bedeutet "Private Nachricht". Wenn Du oben auf den Usernamen von Babelfisch klickst, offnet sich ein Overlay, wo Du "Private Nachricht" auswählen in weiterer Folge ebensolche verschicken kannst. Alles Weitere könnt ihr dann privat besprechen.

[LArn]

Hallo,

kann mir niemand helfen?

Hab' mein Problem jetzt soweit gelöst, dass es in der Hauptspalte funtioniert. Allerdings nicht in der Fusszeile, wo ich es eigendlich haben möchte, dort wird gar nicht ausgegeben, obwohl ich die Erweiterung inserttags_js_support installiert habe.

[djo]

Hallo zusammen,

arbeite mit dieser Erweiterung gerade unter 3.0 - die Erweiterung ist ein Traum - richtig richtig saubere Arbeit, super durchdacht, ich bin begeistert! Danke!

[NetMediaWork]

Hallo,

Nur mal als Info aus der error.log Contao 3.0.1 Github

PHP Recoverable error: Argument 1 passed to simpleColumns::onLoadCallback() must be an instance of Contao\DataContainer, instance of tl_content given, called in /var/www/htdocs/ … XYZ … /html/cms/system/cache/dca/tl_content.php on line 1523 and defined in /var/www/htdocs/ … XYZ … /html/cms/system/cache/dca/tl_content.php on line 2144
#0 /var/www/htdocs/ … XYZ … /html/cms/system/cache/dca/tl_content.php(2144): __error(4096, 'Argument 1 pass...', '/var/www/htdocs...', 2144, Array)
#1 /var/www/htdocs/ … XYZ … /html/cms/system/cache/dca/tl_content.php(1523): simpleColumns->onLoadCallback(Object(tl_content))
#2 /var/www/htdocs/ … XYZ … /html/cms/system/cache/dca/tl_content.php(1483): tl_content->toggleVisibility('33', false)
#3 /var/www/htdocs/ … XYZ … /html/cms/system/modules/core/classes/DataContainer.php(538): tl_content->toggleIcon(Array, NULL, 'Sichtbarkeit ??...', 'Die Sichtbarkei...', 'visible.gif', ' onclick="Backe...', 'tl_content', NULL, NULL, false, NULL, '33')
#4 /var/www/htdocs/ … XYZ … /html/cms/system/modules/core/drivers/DC_Table.php(3821): Contao\DataContainer->generateButtons(Array, 'tl_content', NULL, false, NULL, NULL, '33')
#5 /var/www/htdocs/ … XYZ … /html/cms/system/modules/core/drivers/DC_Table.php(351): Contao\DC_Table->parentView()
#6 /var/www/htdocs/ … XYZ … /html/cms/system/modules/core/classes/Backend.php(382): Contao\DC_Table->showAll()
#7 /var/www/htdocs/ … XYZ … /html/cms/contao/main.php(121): Contao\Backend->getBackendModule('article')
#8 /var/www/htdocs/ … XYZ … /html/cms/contao/main.php(319): Main->run()
#9 {main}

[LArn]

Also in der Haupspalte geht sie gut - keine Frage, aber in der Fußzeile trotz entsprechender Erweiterung geht nichts ...
Ich habe auch noch nicht auf 3.0 umgestellt.
Übrigens - was sollte mir denn der error.log oben sagen?

Gruß
LArn