[lightbox4ward] Scrollbalken

[Georgi]

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:


lb.JPG

Bug oder falsche Einstellung?

Gruß Georgi

[manfred]

Die Lightbox-Größe ist ja auch nur 200 x 200 pixel, wenn ich das richtig sehe.

lg manfred

[Georgi]

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:

<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>

und der aus der 3er:

<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>

Da steht ein <a href="javascript:false" drin? Dh, es wird kein Link erzeugt, aber er verlinkt richtig.

Gruß Georgi

[geraldo]

und der aus der 3er:
Da steht ein <a href="javascript:false" drin? Dh, es wird kein Link erzeugt, aber er verlinkt richtig.

Stehen in der CHROME-Konsole unter 3.x Exceptions (nicht im FF!) ??
Und was passiert, wenn Du mootools von Google beziehts und nicht lokal ?? vgl. Meine Beobachtungen

[Georgi]

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

[Psi]

Also das mit dem

javascript:false

passt schon - die LB wird über den onClick Handler geöffnet.
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 ein

overflow:auto

[Georgi]

Hallo psi,

im mitgelieferten 4wardmedia.css habe ich Folgendes gefunden:

/*	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);
}

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).
lb.JPG

Mus ich das durch eigenes CSS nachsteuern?

Gruß Georgi

[Psi]

Hast du den Artikel denn über das Inhaltselement eingebunden? Wenn ja gibt es im div#mbImage ein div.lightbox4wardContentInside welches wiederum overflow:auto besitzt.

[Georgi]

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:
css.JPG

und stammt aus der 4wardmedia.css:

/* Some Style for lightbox4ward */
.lightbox4wardContentInside {
	background-color:#fff;
	color:#000;
	height:100%;
}

.lightbox4wardAjax {
	overflow: auto;
}

Gruß Georgi

[Psi]

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

[Georgi]

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

[Psi]

Die php dateien solltest du außen vor lassen, sind für contao 3.2