Liste der Anhänge anzeigen (Anzahl: 1)
Wie geht das jetzt mit den Icons (im Backend)
Hi,
erst einmal ein großes Lob - BS3 in Contao - super. Ich spiele mit der aktuellen 010alpha1 rum und bekomme das einfach nicht mit den Icons im BE hin. Ich sehe nur leere Kästen.
Für FE habe ich per Assetic CSS URL http://netdna.bootstrapcdn.com/font-...nt-awesome.css eingebunden und dann sehe ich die Icons korrekt im FE. Und wie geht das jetzt im BE?
Anhang 11964
ps. ist schon eine neue Release geplant? Bin gespannt.
Contao Bootstrap Problem bei der Integration von css und js Dateien
Hallöchen allerseits, ich hätte da auch mal ein Problem.
Hab nen frisches Contao aufgesetzt und mit der Music Academy befüllt. Dann alles Schritt für Schritt wie bei Installations" und ""Erste Schritte" von http://contao-bootstrap.netzmacht.de/grundlagen brav durchgeführt. Installation lief schon mal glatt.... sehr schön.
Jetzt kommt das ABER:
Ich habe das Default Layout kopiert, "Bootsrap" genannt und bin wie unter "Erste Schritte" vorgegangen.
Nun sind aber die benötigten Bootstrap Stylesheets und Javascripts zwar auswählbar, hinzufügbar aber nicht speicherbar!
Nach dem speichern erscheint in der Layoutkonfiguration unter den Auswahlmenüs der Sektionen: "bootsrap_stylesheets" und "bootstrap_importJavaScripts" alles wieder im Ursprungszustand, als hätte ich nichts gemacht.
Außerdem, wenn ich testweise einer Seite das neue Lay<out "Bootstrap" zuweise wird eine leere Seite generiert.
Ich hab dann mal versucht mit assetic die Dateien ins Layout zu integrieren, das ändert auch nüx... was läuft da schief?
Für Hinweise wäre ich sehr dankbar :)
LG Chris
Hier meine Installation:
Contao 3.1.3 mit contao-bootsrap v0.1.0-alpha1
und den Extensions:
Assetic 1.1.2
customselect 1.0.0
iconWizard 1.0.0 rc2
MetaPalettes 1.5.1
MultiColumnWizard 3.2.0 rc1
simple_ajax 1.0.1
subcolumns 2.1.1
subcolumns_bootstrap_customize 0.1.0 beta2
theme_plus 4.2.0
twig 1.6.2
Leerseite mit Contao Bootstrap
@wulf: das mit dem einbinden von CSS und JS Dateien klappt durch den kleinen Trick jetzt zwar, aber weise ich das Bootstrap Layout in der Seitenstruktur einer Seite zu, wird damit trotzdem nur eine Leerseite generiert -> siehe Unterpunkt "News" bei afa-ag-produktsystem.de (... Zugangsdaten wie beim Contao Demo)
Wäre über weitere Hinweise sehr dankbar.
LG Chris
Liste der Anhänge anzeigen (Anzahl: 1)
Zitat:
Zitat von
Cyberlussi
Ich versuche gerade, die Suche genau so wie auf der Seite
http://contao-bootstrap.netzmacht.de mit einem modalem Fenster zu machen, bekomme aber es nicht hin. Wie geht das denn?
Was ich mir bisher zusammengereimt habe:
- Modul mit Suchformular
- Suchformular mit einem Textfeld + Absendefläche, sendet per GET an sich selbst (keine Weiterleitung)
- Ins Layout ein Modul "Modales Fenster", welches ein Modul "Suchemaschine" läd.
Aber wie verbinde ich das nun? Aus dem HTML-Quellcode der Seite hab ich jetzt nichts rauslesen können ...
Ich löse das ganze durch Javascript. Das ganze ist etwas tricky umzusetzen, da Bootstrap momentan einen Bug hat, der einem nicht die Möglichkeit bietet auf ein modales Fenster zuzugreifen, dass dynamisch geladen wird. Daher lade ich mir das Suchergebnis-Modul über ein Template (siehe Code), um hier die JavaScript-Events zu triggern. Mit den Javascript-Code leite ich die Suchanfrage + die Pagination-Links als Ajax-Request weiter. Eingebunden ist das ganze dann als Template (siehe Screenshot)
PHP-Code:
<?php
$GLOBALS['bootstrapModalForm'] = '';
echo $this->getFrontendModule(42);
$this->Template->footer = $GLOBALS['bootstrapModalForm'];
?>
<script>
$(document).ready(function() {
$('#bsSearch form').on('submit', function(e) {
e.preventDefault();
$.ajax({
type: $(this).attr('method'),
url: 'SimpleAjax.php?page=40&modal=41',
data: $(this).serialize(),
success: function(data, status) {
$('#bsSearch').html(data);
}
});
return false;
});
$('#bsSearch .pagination a').on('click', function(e) {
e.preventDefault();
e.stopPropagation();
$.ajax({
type: 'get',
url: $(this).attr('href'),
success: function(data, status) {
$('#bsSearch').html(data);
}
});
});
});
</script>