Bootstrap 3 für Contao

[chris]

@Webstar:
So, jetzt wollt ich es aber wissen und hab das ganze Prozedere mal auf einem anderen Server getestet und zwar bei Alfahosting mit dem großen XXL Bussinespaket. Dort kann man immerhin PHP 5.4 auswählen. Brav nach der Anleitung hab ich zuerst die Extensions installiert und dann das Contao Bootstrap Alpha hochgeladen.... ab dem Moment wo der bootstrap Ordner im modules Verzeichnis liegt, hängt sich die contao/install.php aber auf... braucht ewig um dann unverrichteter Dinge wieder das Installations-Passwort zu verlangen.... und immer wieder kehrt sie dort hin zurück. Also hab ich als nächstes sämtliche Rechte der betroffenen Dateien und Verzeichnisse geprüft (waren 644) und dann auf 777 gesetzt ... auch kein Erfolg. Die install.php kehrt immer wieder zur Installations-Passwortabfrage zurück.

Erst wenn ich den bootstrap Ordner lösche funktioniert die install.php wieder... langsam verzweifle ich

Edit 16:18
setzt man allow_url_fopen und allow_url_include auf on dann funktioniert die install.php und die Dateien landen auch wo sie hingehören... puuuh

[webstar]

@chris: Die install.php brauchst du garnicht aufrufen. Am besten du aktualisierst die Datenbank über Erweiterungsverwaltung -> Datenbank aktualisieren. Dabei sollten alle benötigten Ressourcen installiert werden. Schreibrechte werden dabei auf assets/bootstrap und evtl. system/modules. Sollte eigentlich per default vorhanden sein. Wenn es beim Datenbank aktualisieren eine PHP-Fehlermeldung gibt, bitte posten und ich schau es mir an.

Edit: Too late

[pillgrim]

@Webstar
Hammer Idee Webstar, Boostrap auf Contao zu portieren. Da ich sehr intensiv mit Bootstrap arbeite, freue ich mich, Deine Extension zu installieren und zu testen

Gerne helfe ich mit, damit diese Extension so schnell wie möglich den Stable Status erreicht.

[chris]

Halli hallo,

ist es ein Bug oder mach ich was falsch wenn das Einbinden der assets/bootstrap/bootstrap.less im Frontend in einer CSS Datei mündet die leer ist?

Ich habs auf allen erdenklichen Wegen probiert.

1. Wie unter http://contao-bootstrap.netzmacht.de...rste-schritte/ beschrieben (Foto 3) also einfach die less Datei unter Bootstrap Stylesheets importieren" angewählt -> Layout speichern -> less Datei wird nicht hinzugefügt! und die im Frontend ausgegebene CSS Datei ist leer.

2. Wie unter Punkt 1. aber vorher einen Assetic Filter (lessphp) angelegt und den dann ganz rechts ausgewählt -> gleiches Ergebnis!

3. Unter Themes -> weitere Layouts einbinden (per CSS Icon von Theme Plus) -> "Neue CSS Datei anlegen" -> Bootstrap-less ausgewählt -> zum neuen Bootstrap Layout zugewiesen -> Assetic Filter (lessphp) ausgewählt -> gespeichert -> less Datei wird im Bootstrap Layout nun angezeigt und ist angehakt, aber im Frontend wieder nur eine leere CSS Datei

Ab und zu resultierte das ganze im Frontend unregelmäßig auch in folgender Fehlermeldung:

Fatal error: Class 'lessc' not found in .../system/modules/assetic/classes/vendor/kriswallsmith/assetic/src/Assetic/Filter/LessphpFilter.php on line 87

... die bei einem Seitenrefresh aber wieder verschwindet und man bekommt wieder den unformatierten Seiteninhalt.

Ist das ein Bug oder mach ich was falsch?

Vielen Dank für eure Hilfe


Edit vom 14.10. 10:47 Uhr:
Wenn ein weiteres Stylesheet aktiviert ist im Layout, kann man zwar die bootsrap.less Datei mit dem Layout speichern, aber auch das ändert nichts am Ergebnis wenn sie mit dem lessphp Konverter (Assetic) angefügt wird. Das CSS im Frontend bleibt CSS leer.
Wenn man sie allerdings ohne lessphp Filter anfügt, dann erscheint zumindest der Inhalt der bootstrap.less unverarbeitet im Frontend CSS. Was mir allerdings auch wenig hilft. Wenn ich dann den phpless Filter unten im Layout für die CSS Dateien auswähle kommt wieder obige Fehlermeldung einmalig. Beim Seitenrefresh kommt wieder das Markup und das CSS ist wieder leer.. selbst wenn ich den lessphp Filter wieder wegnehme und das Layout neu speichere!

[wulf]

mmh, hast du es schon mal ohne assetic-filter versucht ? Wenn ich einen anlege, wie du es beschrieben hast, funktioniert es bei mir auch nicht, ohne filter funktioniert es.

[chris]

Ja, ohne hatte ich es auch schon versucht... kein Unterschied... dabei drängt sich mir auch die Frage auf, wie Contao daraus eine css gebastelt kriegt?

[webstar]

Halli hallo,

ist es ein Bug oder mach ich was falsch wenn das Einbinden der assets/bootstrap/bootstrap.less im Frontend in einer CSS Datei mündet die leer ist?

Ich habs auf allen erdenklichen Wegen probiert.

1. Wie unter http://contao-bootstrap.netzmacht.de...rste-schritte/ beschrieben (Foto 3) also einfach die less Datei unter Bootstrap Stylesheets importieren" angewählt -> Layout speichern -> less Datei wird nicht hinzugefügt! und die im Frontend ausgegebene CSS Datei ist leer.

2. Wie unter Punkt 1. aber vorher einen Assetic Filter (lessphp) angelegt und den dann ganz rechts ausgewählt -> gleiches Ergebnis!

Das ist der bekannte Bug, der hier im Thread schon diskutiert wurde.

3. Unter Themes -> weitere Layouts einbinden (per CSS Icon von Theme Plus) -> "Neue CSS Datei anlegen" -> Bootstrap-less ausgewählt -> zum neuen Bootstrap Layout zugewiesen -> Assetic Filter (lessphp) ausgewählt -> gespeichert -> less Datei wird im Bootstrap Layout nun angezeigt und ist angehakt, aber im Frontend wieder nur eine leere CSS Datei

Ab und zu resultierte das ganze im Frontend unregelmäßig auch in folgender Fehlermeldung:

Fatal error: Class 'lessc' not found in .../system/modules/assetic/classes/vendor/kriswallsmith/assetic/src/Assetic/Filter/LessphpFilter.php on line 87

Das liegt an der Funktionsweise von Theme-Plus. Dieses liefert zwar die Filter mit, kümmert sich aber nicht darum, dass lessphp oder lessc installiert sind. Man muss diese manuell seiner Contao-Installation hinzufügen. Dass der Fehler nur sporadisch auftritt, liegt daran, dass danach die Stylesheets im Cache liegen.

[pillgrim]

Aber wie verbinde ich das nun? Aus dem HTML-Quellcode der Seite hab ich jetzt nichts rauslesen können ...

Hallo Cyberlussi. Du kannst Modal wie folgt testen (siehe Bild).
Du musst einen Hyperlink (hier muss der href auf die ID des Modals verweisen) setzen und gleich darunter das Modul mit dem Modal Block.


Bildschirmfoto 2013-10-16 um 11.48.26.jpg

[itsBerni]

Hallo bootstrap-fans,

gerade zum zweiten Mal die alpha in eine jungfräuliche Contao-Installation eingespielt ( natürlich mit den genannten abhängigen Erweiterungen ) und erhalte
wieder beim DB-Update eine weisse Seite
PHP 5.3.26 und Contao 3.1.4 ist meine Config.

Für nen Tipp wäre ich sehr dankbar!

Grüße aus Franken!

Bernd

[webstar]

Hallo Bernd, wie hier im forum bereits erwähnt, wird min. PHP 5.3.4 benötigt.

[itsBerni]

Hi webstar,

ok - habs auf meinem Lifeserver mit PHP 5.4.9 installiert - gleicher Fehler.
Wenn ich das Installtool aufrufe, bekomme ich zusätzlich noch einen Fatalerror.bootstrap.png

EDIT:
Fragt mich nicht warum - erneuter Versuch des DB-Updates führte zum Erfolg!
Vielen Dank (erstmal )

[itsBerni]

Hey Webstar,

jetzt hab ich doch noch was-.....
Warum bekomme ich denn im Menü (li-Tag) die Klasse "navbar-group" hinzugefügt?
Das führt nämlich dazu, dass das Menü im MobilModus nicht mehr funktioniert, d.h. die 2. Ebene ist nicht erreichbar.
( auf deiner Webseite fehlt die Klasse nämlich auch, wenn das Menü "mobil" wird - und da funktionierts ja auch )

Vielen Dank!

[webstar]

Hey Webstar,

jetzt hab ich doch noch was-.....
Warum bekomme ich denn im Menü (li-Tag) die Klasse "navbar-group" hinzugefügt?
Das führt nämlich dazu, dass das Menü im MobilModus nicht mehr funktioniert, d.h. die 2. Ebene ist nicht erreichbar.
( auf deiner Webseite fehlt die Klasse nämlich auch, wenn das Menü "mobil" wird - und da funktionierts ja auch )

Vielen Dank!

https://community.contao.org/de/show...l=1#post287007 und dazugehörige Posts bzgl. m17Folders

[Tipo]

Hi webstar,

ok - habs auf meinem Lifeserver mit PHP 5.4.9 installiert - gleicher Fehler.
Wenn ich das Installtool aufrufe, bekomme ich zusätzlich noch einen Fatalerror.bootstrap.png

EDIT:
Fragt mich nicht warum - erneuter Versuch des DB-Updates führte zum Erfolg!

Hi itsBerni,

hast du zufällig eine Reihenfolge der Installation parat?
Ich kriege diese weiße Seite nur weg, wenn ich die Erweiterung subcolumns lösche und dann wieder installiere.
Aber jetzt ist es so, dass ich nach diesen vier Schritten:
- Template angelegt
- Layout unter Template angelegt
- Seitenstruktur erstellt
- Artikel angelegt
einfach keine CSS-Datei im Quelltext finde.

Ich stell mich mal ganz doof an.
Meine Reihenfolge:
- Contao installiert (Standardinstallation)
- Im Erweiterungskatalog folgende Reihenfolge eingehalten beim Installieren der Module:
- - Theme+ (darin enthalten: Assetic, Metapalettes)
- - MultiColumnWizard
- - Subcolumns
- - SimpleAjax

Dann folgende zwei ZIP-Dateien von Github entpackt und in das Contao-Verzeichnis kopiert:
- subcolumns_bootstrap_customize
- iconWizard

Dann "Datenbank aktualisieren" --> weiße Seite --> egal wie oft ich das versucht hatte.
Die Error-Log sagt mir:
...access_compat:error ... client denied by server

Also Subcolumns deinstalliert --> Datenbank aktualisiert --> funktioniert.
Subcolumns installiert --> Datenbank aktualisiert --> funktioniert

Allerdings kann ich jetzt bei "Layouts" - "Bootstrap Stylesheets" nichts ändern.
Zumindest kann ich nichts hinzufügen, denn wenn ich das "PLUS" klicke, lädt die Seite neu und nichts passiert.
Auch wenn z.B. in der Auswahl "navigations.css" nehme und speichere, ist beim nächsten Aufruf wieder die "bootstrap.less" ausgewählt.

Bin langsam am verzweifeln.

Ach ja, meine PHP-Version ist 5.4.16, daran sollte es nicht liegen.

[Tipo]

Hm, ich scheine ein generelles Problem zu haben.
Ich habe alles noch einmal neu installiert.
Und wenn ich nur "Theme Plus" installiere und alle mitgelieferten Erweiterungen deaktiviere, kommt nach der Installation auch eine weiße Seite.
Und die lässt sich nicht "weg"-aktualisieren.

[webstar]

Hm, ich scheine ein generelles Problem zu haben.
Ich habe alles noch einmal neu installiert.
Und wenn ich nur "Theme Plus" installiere und alle mitgelieferten Erweiterungen deaktiviere, kommt nach der Installation auch eine weiße Seite.
Und die lässt sich nicht "weg"-aktualisieren.

Hallo Tipo, welche Apache Version setzt du denn ein? Könnte ein Problem mit einer noch nicht angepassten .htaccess Datei einer Erweiterung unter Apache 2.4 sein.

[Tipo]

Hallo Tipo, welche Apache Version setzt du denn ein? Könnte ein Problem mit einer noch nicht angepassten .htaccess Datei einer Erweiterung unter Apache 2.4 sein.

Ok, Problem gelöst.
Apache 2.4.4
Nein, es lag tatsächlich an der Installation beim Repository. Da ich nur z.B. "Theme Plus" installieren wollte und nicht die Abhängigkeiten kam der weiße Bildschirm.
In Contao musste ich dafür erst folgende Zeile in die "localconfig.php" setzen:

$GLOBALS['TL_CONFIG']['displayErrors'] = true;

Jetzt wird der Fehler angezeigt, der vorher auf der weißen Seite unterdrückt wurde.

Also soweit läuft es jetzt wieder.
Allerdings kann ich noch immer keine CSS-Datei im Quelltext entdecken.
In meinem Layout wird die Einstellung z.B. die Auswahl "bootstrap.min.css" einfach nicht gespeichert.

Kann mir da jemand weiterhelfen?
Oder wo kann ich da nachschauen, wird das geloggt, wenn eine Speicherung fehlschlägt?
Ok, ob es wirklich ein Fehlschlag ist, keine Ahnung, aber die Einstellung wird nicht übernommen und evtl. deshalb wird kein Stylesheet angezeigt.

Eventuell kann mal jemand seine Neuinstallation mit meiner Erweiterungsverwaltung vergleichen, ob er da etwas anderes stehen hat:
Erweiterungsverwaltung.png

[webstar]

In meinem Layout wird die Einstellung z.B. die Auswahl "bootstrap.min.css" einfach nicht gespeichert.

Zwei Möglichkeiten: assets/bootstrap/bootstrap ist leer. Dann wurden die Assets nicht installiert. Zweite Möglichkeit Ist ein bekannter Bug, der auftritt, wenn noch keine Eintrage in den ThemePlus Tabellen existieren. Such hier mal im Thread, für beide Fälle gibt es Workarounds.

[Tipo]

assets/bootstrap/bootstrap ist leer. Dann wurden die Assets nicht installiert.

Das war es nicht. Es sind alle Stylesheets vorhanden. Vielen Dank, ich melde mich wenn ich den zweiten Teil bestätigen kann.

[Tipo]

Zwei Möglichkeiten: assets/bootstrap/bootstrap ist leer. Dann wurden die Assets nicht installiert. Zweite Möglichkeit Ist ein bekannter Bug, der auftritt, wenn noch keine Eintrage in den ThemePlus Tabellen existieren. Such hier mal im Thread, für beide Fälle gibt es Workarounds.

Es hat etwas länger gedauert.
Anscheinend sollte es keine der beiden Möglichkeiten sein. :-(
Ich habe mir jetzt von XAMPP die neueste Version installiert und wieder von vorne begonnen.
Jetzt ist alles installiert und siehe da ... es sind noch immer keine CSS Dateien in der Vorschau verfügbar.

Puuh, ich weiß es ist noch nicht stable, aber so langsam werde ich verrückt damit.

Eventuell hilft das jemandem, das bei mir die INPUT-Felder für Bootstrap wild platziert sind, sowohl bei den Stylesheets, als auch beim JavaScript:


Das ist übrigens im Firefox 24.0 unter Windows 7

[wulf]

Hast du folgendes gemacht ??

...du musst einmal unter der theme-ansicht über theme+ ein css einbinden, danach funktioniert es auch in der seitenlayout-ansicht (gleiches problem bei js)

[webstar]

Puuh, ich weiß es ist noch nicht stable, aber so langsam werde ich verrückt damit.

Es ist noch eine Alpha-Version.

Eventuell hilft das jemandem, das bei mir die INPUT-Felder für Bootstrap wild platziert sind, sowohl bei den Stylesheets, als auch beim JavaScript:

Jupp, da du nicht das customselect Module von github installiert hast, sondern aus dem ER. Dieses ist noch nicht kompatibel.

1. benötigtes customselect installieren
2. Manuell einen Stylesheet und Javascript Eintrag bei Theme+ vornehmen
3. Import nochmals probieren

[Tipo]

Ok, danke.
Tatsächlich habe ich diesmal dummerweise das CustomSelect aus dem ER installiert.
Gelöscht. Und die GitHub-Version in mein Projekt kopiert.
Ich denke mal es ist richtig, dass diese Modul dann nicht in der Erweiterungsverwaltung aufgelistet wird, oder?
Nummer eins -> erledigt.

Welches dieser Symbole gehört zum Theme Plus:

Mir kommen das blaue Icon mit "CSS" und das rote Icon mit "JS" unbekannt vor.
Daher habe ich dort einfach mal irgendeinen Quatsch angelegt.
Jetzt bin ich zurück in meinem Seitenlayout, allerdings sind die INPUTS noch immer so verschoben wie zuvor im Bild.
Nur stehen dort jetzt meine kürzlich erstellten CSS & JS und das SELECT-Feld lässt mich endlich mehrere Auswahlen treffen und speichert diese auch.
Prima! Soweit so gut.

Und jetzt krieg ich gleich bestimmt eine Klatsche von Euch für meine nächste Frage.
Ist es richtig, dass die Verzeichnisse:

- \assets\bootstrap\bootstrap 
- \assets\bootstrap\bootstrap-select
- \assets\bootstrap\jquery-touchSwipe

leer sind? Also keine Dateien enthalten.
Denn wenn ich jetzt eine Frontend-Vorschau öffne, erhalte ich WARNINGS und FATAL ERROR,
dass z.B. meine Auswahl "bootstrap.min.css" nicht vorhanden ist.

Warning: filemtime(): stat failed for assets/bootstrap/bootstrap/dist/css/bootstrap.min.css

Ich habe so den Verdacht, dass ich dort die aktuelle Bootstrap-Version direkt hineinkopieren sollte.
Was ich aber scheinbar überlesen habe, oder nicht in der Dokumentation stand.
Nicht hauen!

[Tipo]

Ich werd verrückt.
Ich habe die Dateien aus dem Twitter Boostrap mal nachgereicht, dort wo Contao sie vermisst.
Und ich habe BOOTSTRAP AM LAUFEN.

VIELEN DANK!
Wobei ich das mit dem Theme Plus zwar noch immer nicht verstanden habe, aber vorerst läuft es.
Wahnsinn!
Vier Neuinstallationen, drei ausgerupfte Haarbüschel und einen Nervenzusammenbruch später ... und es funktioniert.

[webstar]

Ok, danke.
Tatsächlich habe ich diesmal dummerweise das CustomSelect aus dem ER installiert.
Gelöscht. Und die GitHub-Version in mein Projekt kopiert.
Ich denke mal es ist richtig, dass diese Modul dann nicht in der Erweiterungsverwaltung aufgelistet wird, oder?

Naja, ich habe dafür Patchs eingereicht, die noch nicht im ER veröffentlicht wurden. Dauert wohl noch etwas, im kommenden Release werde ich jedoch den CustomSelect ausbauen, wo es sonst Probleme gibt, sodass die ER Version verwendet werden kann.

Und jetzt krieg ich gleich bestimmt eine Klatsche von Euch für meine nächste Frage.
Ist es richtig, dass die Verzeichnisse:

- \assets\bootstrap\bootstrap 
- \assets\bootstrap\bootstrap-select
- \assets\bootstrap\jquery-touchSwipe

leer sind? Also keine Dateien enthalten.

Da zitiere ich mich mal selbst. Das war eine meiner ersten Vermutungen:

Zwei Möglichkeiten: assets/bootstrap/bootstrap ist leer. Dann wurden die Assets nicht installiert.

[lackschuh]

Hallo

Was habe ich falsch gemacht, wenn im Ordner system/modules/bootstrap/config/ die runonce.php Datei fehlt bzw. alle Ordner in assets/bootstrap leer sind. Hab da im Thread leider nichts gefunden...

mfg

[kayyy]

Hallo

Was habe ich falsch gemacht, wenn im Ordner system/modules/bootstrap/config/ die runonce.php Datei fehlt bzw. alle Ordner in assets/bootstrap leer sind. Hab da im Thread leider nichts gefunden...

mfg

Versuche mal die Datei manuell zu uploaden und dann auch manuell einmal aufzurufen.
Dann sollten die Dateien importiert werden.

https://github.com/netzmacht/contao-...g/_runonce.php

Hast du denn auch alle nötigen Extensions installiert bevor du die bootstrap extension insatlliert hast ?

Zitat Zitat von webstar
Zwei Möglichkeiten: assets/bootstrap/bootstrap ist leer. Dann wurden die Assets nicht installiert.

[lackschuh]

Danke für die Tipp. Soweit war ich schon und es kam immer folgende Fehlermeldung:

Fatal error: Class 'Bootstrap\Installer' not found in /home/www/xxxx/html/contao_test/system/modules/bootstrap/config/runonce.php on line 19 

Ich lösche mal alles und installiere die Extensions treu nach der Anleitung und Reihenfolge (bin mir zwar fast sicher, dass ich es so gemacht habe )

[webstar]

Hallo Lackschuh,

der Installer lädt die benötigten Dateien für assets/bootstrap herunter. Diesen hatte ich als Bequemlichkeit für mich hinzugefügt, hab ihn aber bereits beim aktuellen Entwicklungszweig entfernt. Wenn die Dateien nicht installiert werden, können folgende Ursachen vorliegen:

• allow_url_fopen ist nicht erlaubt
• Schreibrechte sind nicht ordnungsgemäß gesetzt

Dass die runonce.php verschwindet, ist normal. Sie wird ja nur einmal ausgeführt. Falls die Dateien nicht geladen werden, ich habe hier im Thread schon mal erläutert, welche Dateien unter assets/bootstrap manuell heruntergeladen werden. Falls es nicht anders geht.

[lackschuh]

• allow_url_fopen ist nicht erlaubt
• Schreibrechte sind nicht ordnungsgemäß gesetzt

Hi

Hab heute morgen nochmals alles runtergeschmissen und neu installiert (contao 3.1.4)

Erweiterungen:
Assetic
customselect
iconWizard
m17PageFolders
MetaPalettes
MultiColumnWizard
simple_ajax
subcolumns
subcolumns_bootstrap_customize
theme_plus
twig

Laut phpinfo ist allow_url_fopen auf On. Sämtliche Ordner haben den Berechtigungswert von 755 und die darin liegenden Dateien 644. Gäbe es sonst eine Liste, wo steht, welche Ordner mit welcher Dateiberechtigung versehen werden müssen.

Verzeih mir meine Bescheidenheit ;-) Ich hab bis vor Kurzem nur mit phpwcms gearbeitet. Da gibt es schon gewaltige Unterschiede...

EDIT:
Hab die runonce.php manuell nochmals erstellt und ausgeführt. Die gleiche Meldung wie oben. Danach die DB aktualisiert -> runonce.php ist logischerweise verschwunden und siehe da, die Ordner in assets/bootstrap sind nun gefüllt :-)

Wenn ich nun die ersten Schritte befolge, dann speichert contao mir die importierten JS nicht (Bootstrap JavaScripts importieren) und auch die CSS-Grid Klassen bzw die Bootstrap Stylesheets obwohl ja die assets/bootstrap Ordner nun gefüllt sind....

EDIT II:
Ich glaub, jetzt hab ich es geschnallt mit dem theme_plus und css+js Import ;-)

[albis]

System/Einstellungen/Layoutbereiche/Eigene Layoutbereiche: bootstrap,jumbotron

Ganz einfach.

... wo wird denn der "bootstrap" Layoutbereich im Fronend ausgegeben? ... in der fe_bootstrap.html5 finde ich die "jumbotron" sections ... (was auch in der Ausgabe funktioniert) aber kein bootstrap. Muss das noch an anderer Stelle definiert werden, außer den sonst üblichen (Eingebundene Module etc.)?

[webstar]

... wo wird denn der "bootstrap" Layoutbereich im Fronend ausgegeben? ... in der fe_bootstrap.html5 finde ich die "jumbotron" sections ... (was auch in der Ausgabe funktioniert) aber kein bootstrap. Muss das noch an anderer Stelle definiert werden, außer den sonst üblichen (Eingebundene Module etc.)?

Während der Bereich Bootstrap rein virtuell genutzt wird (z.B. um Artikel für das artikelbasierte Spaltenset zu erstellen), erzeugt die Jumbotron Komponente von Bootstrap. Diese ist zwischen Header und den Hauptbereich eingefügt.
http://contao-bootstrap.netzmacht.de...rste-schritte/

Der Layoutbereich wird an sich gar nicht ausgegeben, sondern dient als Container um die Artikel an anderer Stelle einzubinden. So kann man beispielsweise mit dem artikelbasierten Spaltenset die Artikel aus dem Layoutbereich "bootstrap" einer Spalte zuweisen.

[wulf]

Zitat aus der Anleitung

Das mitgebrachte Standard-Template von Contao-Bootstrap erlaubt keine automatische Positionierung von eigenen Layoubereichen. Dafür bringt es die Bereiche bootstrap und jumbotron standardmäßig mit.

Während der Bereich Bootstrap rein virtuell genutzt wird (z.B. um Artikel für das artikelbasierte Spaltenset zu erstellen), erzeugt die Jumbotron Komponente von Bootstrap. Diese ist zwischen Header und den Hauptbereich eingefügt.

[albis]

Hallo, habe soweit die Erweiterung gut zum laufen bekommen :-), aber nun ein kleines Problem mit Akkordeon's.

Diese als "Einzelelement" eingebunden funktionieren nicht auch nicht innerhalb von "Gruppe Anfang" und "Gruppe Ende". Es funktionieren ausschließlich nur "Umschlag Anfang" "Umschlag Ende" mit "normalen" Elementen dazwischen. Ist dies so gewollt? Müssen neben dem collapse.js auch noch andere außer der bootstrap.min.js selbst eingebunden werden? Welche js von BooStrap sollten eigentlich mindesten eingebunden werden ...?

html5shiv.js
respond.min.js
collapse.js
transition.js
bootstrap.min.js

Gibt es hier eigentlich auch eine Empfehlung der Reihenfolge der Einbindung oder speilt dies keine Rolle? Gehe ich recht in der Annahme das laut Anleitung auf die Contao eigenen Scripte gänzlich verzichtet werden kann..?

Vielen Dank!

[webstar]

Hallo, habe soweit die Erweiterung gut zum laufen bekommen :-), aber nun ein kleines Problem mit Akkordeon's.

Diese als "Einzelelement" eingebunden funktionieren nicht auch nicht innerhalb von "Gruppe Anfang" und "Gruppe Ende". Es funktionieren ausschließlich nur "Umschlag Anfang" "Umschlag Ende" mit "normalen" Elementen dazwischen. Ist dies so gewollt? Müssen neben dem collapse.js auch noch andere außer der bootstrap.min.js selbst eingebunden werden? Welche js von BooStrap sollten eigentlich mindesten eingebunden werden ...?

html5shiv.js
respond.min.js
collapse.js
transition.js
bootstrap.min.js

Gibt es hier eigentlich auch eine Empfehlung der Reihenfolge der Einbindung oder speilt dies keine Rolle? Gehe ich recht in der Annahme das laut Anleitung auf die Contao eigenen Scripte gänzlich verzichtet werden kann..?

Vielen Dank!

Grundsätzlich gibt es zwei Möglichkeiten: Man benutzt die bootstrap.min.js, wo bereits alle Skripte geladen werden. Sinnvoll während der Entwicklung. Alternativ kann man jedoch auch nur die Komponenten einbinden, die man benötigt. Bei deiner Konstellation wird jetzt collapse und transition doppelt geladen (html5shiv und respond sind externe Bibliotheken). Vermutlich behindern diese nun die Ausführung.

Falls es dann immer noch nicht funktioniert, ist die Frage ob du die "collapse" Klasse eingetragen hast. Sonst verhält sich ein Akkordeon nur wie ein statisches Panel. panel.png

[albis]

DANKE!!! funktioniert korrekt jetzt!

[tinoo]

Gibt es eine Möglichkeit, nur das Navigations-Modul aus der Erweiterung zu verwenden, ohne den ganzen Rest?

[webstar]

Gibt es eine Möglichkeit, nur das Navigations-Modul aus der Erweiterung zu verwenden, ohne den ganzen Rest?

Das Quellcode steht ja öffentlich zur Verfügung. Also feel free

[albis]

... gelöscht

[webstar]

Inzwischen habe ich eine installierbare Version der Erweiterung für den Composer-Client veröffentlicht. Gleichzeitig habe ich beschlossen KEINE Version für das ER 2 zu veröffentlichen. Daher für alle, die die Erweiterung installieren wollen, macht euch bitte mit dem Composer-Client vertraut. Die Installation ist dann ganz einfach.

Was hat sich geändert mit dem aktuellen Release?

• Javascript/Stylesheets lassen sich korrekt importieren
• Um Font-Awesome anstelle von Glyphicons zu nutzen, bitte die entsprechende Erweiterung von mir installieren
• Iconset kann über Einstellungen konfiguiert werden
• Die Attribute für kombinierte Schaltflächen werden nun mithilfe des MultiColumnWizards eingepflegt (Achtung: alte Werte gehen verloren)

Was wurde noch nicht behoben:

• Dropdown-Navigation ohne m17PageFolder
• Problematik der invisible-Klasse
• Überarbeitung Navigations-CSS

Installation

• ohne Composer Client: der herkömmliche Weg
• Mit Composer Client: netzmacht/contao-bootstrap installieren