Druckbare Version
Hallo,
ich habe eine 3.0.5. und eine 3.1.5 Installation: Wenn ich in der LB ein Inhaltselement einsetze, das größer ist, erscheint nicht wie in der 2.11.12 ein Scrollbalken zum Scrollen. Siehe Bild:
Anhang 12248
Bug oder falsche Einstellung?
Gruß Georgi
Die Lightbox-Größe ist ja auch nur 200 x 200 pixel, wenn ich das richtig sehe.
lg manfred
das habe ich nur gemacht, damit das Bild kleiner wird, bei 800 x 500 ist auch kein Scrollbalken.
Der Code aus der 2.11.12 sieht so aus:
und der aus der 3er:HTML-Code:<h1 class="ce_headline">Termine mehr ...</h1>
<div class="ce_ce_lightbox4ward block" id="termin_lb1">
<a href="kalender-liste.html?day=20131128#mb_lightbox4wardContent522" class="hyperlink_txt" title="Termine nächste Monate" onclick="lightbox4ward522();return false;">Termine nächste Monate</a><div id="mb_lightbox4wardContent522" class="lightbox4wardContent" style="display:none;"><div class="lightbox4wardContentInside">
<!-- indexer::stop -->
<div class="mod_eventlist block">
<h1>Zukünftige Termine</h1>
Da steht ein <a href="javascript:false" drin? Dh, es wird kein Link erzeugt, aber er verlinkt richtig.HTML-Code:<h1 class="ce_headline">Termine mehr ...</h1>
<section class="ce_ce_lightbox4ward block" id="termin_lb1">
<a href="javascript:false" class="hyperlink_txt" title="Termine nächste Monate" onclick="lightbox4ward522();return false;">Termine nächste Monate</a><div id="mb_lightbox4wardContent522" class="lightbox4wardContent" style="display:none;"><div class="lightbox4wardContentInside">
<!-- indexer::stop -->
<div class="mod_eventlist block">
<h1>Zukünftige Termine</h1>
Gruß Georgi
Stehen in der CHROME-Konsole unter 3.x Exceptions (nicht im FF!) ??Zitat:
Zitat von Georgi
Und was passiert, wenn Du mootools von Google beziehts und nicht lokal ?? vgl. Meine Beobachtungen
Es macht gar keinen Unterschied, was ich im Seitenlayout einstelle: Es bleibt beim Elementtyp "Lightbox4ward" die Verlinkung (steht unten rechts im Browser) mit "javascript:false".
Es wird allerdings ein Video richten geöffnet und abgespielt.
Gruß Georgi
Also das mit dempasst schon - die LB wird über den onClick Handler geöffnet.Code:javascript:false
Warum aber dein Content über die Box hinaus fließt weiß ich nicht, sollte eigentlich nicht sein. Rechte-Maustaste → Element Untersuchen und dann mal das CSS prüfen von den übergeordneten DIVs. Irgendwo fehlt einHTML-Code:overflow:auto
Hallo psi,
im mitgelieferten 4wardmedia.css habe ich Folgendes gefunden:
Dort steht overflow: hidden; setze ich dafür ein "auto" ein, erscheinen die Scrollbalken, aber der Text geht in den unteren grauen Rand (vgl. Bild).Code:/* Overlay panel styling */
#mbCenter {
position: absolute;
z-index: 9999;
left: 50%;
overflow: hidden;
background-color: rgba(255,255,255,0.8);
-webkit-border-top-left-radius: 40px;
-webkit-border-bottom-right-radius: 40px;
-khtml-border-radius-topleft: 40px;
-khtml-border-radius-bottomright: 40px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-topleft: 40px;
-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
}
Anhang 12303
Mus ich das durch eigenes CSS nachsteuern?
Gruß Georgi
Hast du den Artikel denn über das Inhaltselement eingebunden? Wenn ja gibt es im div#mbImage ein div.lightbox4wardContentInside welches wiederum overflow:auto besitzt.
Ich glaube nein: Ich habe den Elementtyp (aus Link-Elemente) Ligthbox4ward genommen und dort auf einen Artikel verlinkt: Lightbox4ward - InhaltInhaltstyp "Artikel"
Bei mir ist das aktiv:
Anhang 12304
und stammt aus der 4wardmedia.css:
Gruß GeorgiHTML-Code:/* Some Style for lightbox4ward */
.lightbox4wardContentInside {
background-color:#fff;
color:#000;
height:100%;
}
.lightbox4wardAjax {
overflow: auto;
}
hmm entweder uralt version oder da passt was nicht - schreib doch mal das overflow:auto mit rein oder aber zieh dir die aktuelle CSS datei ausm github
Genau das war's. Die löst das Scroll-Problem! (es bleibt nur die Link-Anzeige links unten im Browser "javascript:false", aber die LB ist ok. Der Artikel lässt sich jetztscrollen.)
Die neue css gibt es aber noch nicht über die Erweiterunsgverwaltung, sondern nur über github. Frage: Sollte man alle Dateien aus github über die contao-Dateien drüberbügeln?
Gruß Georgi
Die php dateien solltest du außen vor lassen, sind für contao 3.2