[ScrollPane] - ermöglicht Contentelemente in einem scrollbaren Container darzustellen

Hallo community,

vor gut einer Woche sah ich in der Webpräsenz eines Autohauses ein Inhaltselement, das mir ausgesprochen gut gefiel. War aber leider jquery, und ich bevorzuge im Zusammenhang mit Contao mootools. Also habe ich mich auf die Suche begeben und schließlich ein Skript gefunden, das dem ursprünglichen jquery-Skript sehr nahe kam.
Langer Rede kurzer Sinn:
Daraus ist eine kleine Erweiterung erwachsen, mit der man Content-Elemente scrollen kann, sowohl horizontal als auch vertikal.
Das ScrollPane lässt sich über den Slider und das MouseWheel bewegen. Im horizontalen Modus bewirkt auch das Anklicken eines Bildes, dass sich der Knopf der Laufleiste weiterbewegt, dabei können via Ajax Inhalte nachgeladen werden. Die horizontale Variante akzeptiert nur das Content-Element Bild, die vertikale Variante kann man, soweit ich es bis jetzt ausprobiert habe, mit beliebigen Content-Elementen bestücken.


Anwendung:
1.
Auswahl des Content-Elementes ScrollPaneStart.
Darin werden die Angaben zu Größe und Ausrichtung des ScrollPanes festgelegt.
Es ist darauf zu achten, dass die eingestellte Breite zur Breite des zugehörigen Artikels passt.
Beispiel: Der Artikel ist 670px breit, dann kann man für ein vertikales ScrollPane maximal 668px einstellen, für ein horizontales ScrollPane maximal 654px.

Im Start-Element getroffene Angaben zu Zugriffsschutz und "Nur Gästen anzeigen" werden im Stop-Element und allen zugehörigen Elementen des ScrollPanes automatisch übernommen.

2.
Auswahl der Contentelemente

Falls das horizontale ScrollPane gewählt wurde, kann man die Ajax-Funktion nutzen. Dazu wurde das Image-Element um ein Text-Feld (tinyMCE) erweitert, in das man Informationen eingeben kann, die später beim Klick auf ein Bild via Ajax nachgeladen und in einer Box unterhalb des ScrollPanes dargestellt werden. Es ist möglich, InsertTags zu verwenden.
Die Ausgabebox wird automatisch angelegt.

3.
Auswahl des Content-Elementes ScrollPaneStop.
Im ScrollPaneStop-Element kann für die Ausgabebox des horizontalen ScrollPanes ein Text erfasst werden, der nur einmalig beim Laden der Seite mit dem ScrollPane angezeigt wird. Des Weiteren kann man nun der Ausgabebox eine Id und css-Klassen zuweisen sowie einen oberen und unteren Abstand einstellen.


Wenn jemand etwas mit dieser Erweiterung anfangen kann, würde es mich freuen.

MfG
Ulrike

/EDIT:
Beschreibung ist für Version 1.0.0
Link zu ScrollPane: https://contao.org/de/extension-list...llPane.de.html

Im ER unter http://www.contao.org/erweiterungsli....90094.de.html

Carolina.

Gibt es da auch eine Demoseite oder das erwähnte Beispiel zu sehen?

@ Carolina
Danke für das Hinzufügen des Links zum Repository!

@ tinoo
Mit einer Demo-Seite für das Contao-Modul kann ich leider (noch) nicht aufwarten. Einen Eindruck von dem eingesetzten Skript bekommt man hier:
https://github.com/eerne/scrollbar, vor allem auch unter dem Menüpunkt Wiki.

Gruß
Ulrike

Hi,

also erstmal vielen danke für diese schöne Erweiterung. Ich habe nur ein kleines Problem mit der Frontendanzeige der Scrollbar. Sie wird zwar im Quellcode geladen aber nicht angezeigt. Ändere ich die Overflow Einstellung, wird sie zwar angezeigt, aber die Höhe der Box löst sich verständlicherweise aus. Hab ich irgendwas vergessen? Vielleicht kann mir jemand von euch helfen.


Viele Grüße
Vedat

Hallo Vedat,

deine Angaben sind für eine Lösung des Problems nicht genau genug.
Was hast du eingestellt:

• Horizontal oder vertikal?

• Welche Breite, welche Höhe?

• Welche Breite besitzt der Artikel, in dem du das ScrollPane einbinden willst?

Es sollte eigentlich nicht nötig sein, an den overflow-Einstellungen etwas zu verändern...

Gruß
Ulrike

Hallo Ulrike,

möchte mich gerne für diese hilfreiche und schöne Eweiterung bedanken! Sozusagen "bonfortionös" !

Die Ausgabe eines Artikelinhalts stellt überhaupt kein Problem dar.
Hingegen: Ist es möglich, auch Nachrichtenbeiträge zu veröffentlichen?
Meine Überlegung, den Newsreader einfach zwischen den ScrollpaneStrat und -Stop zusetzen führt leider dazu, daß der Slider unterhalb des Nachrichtenartikels angesetzt wird.
Ist mein Gedanke möglicherweise abwegig?
Wäre überaus dankbar für einen Hinweis.

Mit freundlichem Gruß
ascot

Versuche es mal mit dem Modul Nachrichtenliste , klappt bei mir wunderbar (nur vertikal getestet).

@ ascot

Hallo,

"bonfortionös" - wenn das kein Kompliment ist! Danke!

Man kann im vertikalen Modus auch Newslisten und -reader zwischen ScrollPaneStart und ScrollPaneStop einfügen. Ich habe das soeben getestet, bei mir funktioniert das problemlos. Im horizontalen Modus geht das, wie schon gesagt, nicht, da dort ja nur Contentelemente des Typs "Bild" unterstützt werden.

Ich kann mir nicht so recht erklären, wieso bei dir der Slider verrutscht. Wurde die richtige Einstellung gewählt, nämlich "vertikal"?

MfG
Ulrike

@ Vollpfosten

Danke für Deine rasche Antwort und den Hinweis auf die Variante mit der Nachrichtenliste. Werde ich auch ausprobieren.


@ Ulrike

Hallo,

es war mein Fehler, der Detailteufel spielte mit! ;-)
Danke für Deinen an anderer Stelle gegebenen Hinweis auf den overflow, der zunächst nicht auf "hidden" gesetzt war.
Ist er nun - und es ist wie's sein soll: Keine zerschossene Ausgabe der Artikel mehr.

Großen Dank und gewünscht, was man ein vergnügliches Wochenende zu nennen pflegt!
Mit freundlichem Gruß
Ascot

Hallo Ulrike,

erstmal vielen Dank für diese Erweiterung. Ich habe genau nach solch einer Erweiterung gesucht nur funktioniert sie leider bei mir nicht. Ich habe es mit dem vertikalen Scrollpane ausprobiert. Angezeigt wird diese auch und ich kann sie auch scrollen nur wird der Inhalt nicht mitgescrollt... Bei einer Artikelbreite von 800px und Scrollpaneeinstellungen von (Breite:780px / Höhe: 452px). Als Elemente habe ich Bilder sowie Text ausprobiert - nur leider beides ohne Erfolg. Falls dir oder jemand anderem dazu irgendetwas einfällt wäre ich dir/ihm/ihr sehr verbunden ;-)... Gruß tribiz

@tribiz

Hallo,
dass die Inhalte nicht scrollen, ist bisher bei mir nicht vorgekommen.
Ich habe hier gelesen, dass sich Scrollpane nicht mit NoobSlider verträgt. Es scheint also Unverträglichkeiten zu geben, wenn andere Skripte aktiv sind.
Mehr kann ich leider nicht dazu sagen.
Gruß
Ulrike

Gibt es eine Möglichkeit die Erweiterung auch auf iOS oder Android Geräten zu nutzen?

Ich habe die Scrollpane auf meiner Seite als horizontale Navigation benutzt. Funktioniert bestens. Mir ist eine Sache aufgefallen. Die Scrollpane wird sofern man Bilder in der horizontalen Funktion einfügt immer genauso breit wie alle Bilder zusammen, also aufaddiert. Ein Problem entsteht wenn die einzelnen Bilder auch einen Aussenabstand haben, z.B. wenn ich eine vertikale Linie zwischen jedem Bild haben möchte. Dieser Aussenabstand wird nicht mitaddiert, so dass das letzte Bild in die nächste Reihe rutscht, da die Scollpane zu kurz wird. Ich kann leider nicht programmieren, ich denke aber, dass es möglich sein müsste irgendwo noch: Bildbreite + jeweiligen Marginbreite eines Bildes als Breite der Scrollpane einzubauen -> wäre grossartig!

Super Arbeit sonst! Danke,
peter

Hallo,
es ist bereits in der vorhandenen Version von Scrollpane möglich, Bildabstände zu erfassen. Die beim Elementtyp "Bild" unter "Bildabstand" erfassten rechten und linken Paddings werden vom Skript berücksichtigt. Mir ist nicht klar, woher bei dir die Margins kommen. Aus einer zusätzlichen Stylesheet-Defiinition?

MfG
Ulrike

hi,
firebug sagte mir, es gäbe eine class image_container, die ich verändert hab und bei mir das rüberspringen auslöste.
Hab die Margin-Einstellungen beim Bild selbst wohl sozusagen übersehen, bzw. an der falschen Schraube gedreht, die zwar auch ging, aber nix mit deinem Script zu tun hat.

ok, danke nochmal für die tolle Erweiterung,
vg
peter

Hallo Ulrike,

zuerst ein großes Lob für diese Erweiterung.
Ich habe sie mit einer Katalog-Liste ausprobiert (als insert-tag), sie funktioniert vertikal genau so wie sie soll.
;) <frage> Ist die Erweiterung auch für die horizontale Ausgabe schon in Arbeit? </frage> :cool:

Ich würde mich freuen ...

Vielen Dank
Lutz

Hallo!
ScrollPane verfügt bereits über einen horizontalen Modus. Dazu wählt man im ScrollPaneStart Breite, Höhe und die Einstellung "horizontal" aus. Als Content-Elemente sind im horizontalen Modus nur Bilder erlaubt.

Den einzelnen Bildern kann man Text hinzufügen, der beim Anklicken via Ajax nachgeladen und in einem Container unterhalb der Bildleiste angezeigt wird. Der Container wird automatisch erzeugt und muss nicht von Hand hinzugefügt werden.

MfG
Ulrike

Hallo Ulrike,

Zitat:

---

Als Content-Elemente sind im horizontalen Modus nur Bilder erlaubt.

---

hab' ich gesehen und ausprobiert. Daher meine Frage, ob (und wann;)) denn auch die catalog-items horizontal darstellbar werden - wie jetzt schon in der Vertikalen.

Danke
LG Lutz

Jetzt versteh ich die Frage.
Im Moment bin ich aus zeitlichen Gründen nicht in der Lage zu testen, ob ScrollPane mit catalog-items im horizontalen Modus zusammenarbeiten kann. Dazu müssten die catalog-items exakt bestimmbare Breiten besitzen. Ich kenne Catalog leider nicht gut genug, um darüber eine Aussage zu treffen.
MfG
Ulrike

Hallo Ulrike,

vielen Dank für Deine Antwort. Vielleicht ist der Hinweis auf die Breite schon der entscheidende. Ich werde mich mal auf die Suche nach dem Code-Schnipsel machen, damit ich die Breite dann "hart" eintragen kann - denn in der Listenansicht hat ja jedes Catalog-Item die gleiche Breite.

LG Lutz

Hallo Ulrike,

vielen Dank für diese tolel Erweiterung, hab sie - leider - erst nach mühsamen vergeblichen Kampf mit unterschiedlichen jquery Frameworks gefunden (war auch leider nicht unter Scroller im ER einsortiert).

Eine Bitte, könntest du - falls machbar - noch eine Touchfunktion für mobile Geräte einbauen oder ggf. eine Option (entweder Global oder im jeweiligen ContentElement) einbauen um z.B. mobile Browser auszuschließen und die Erweiterung nicht zu laden? Auf dem iPhone, iPad oder Windows Phone hab ich kein Touch, sondern muss die Leiste anklicken (Touch des Sliders auch nicht möglich).

Aktuell hab deine Erweiterung einfach quick&dirty damit klar gemacht

PHP-Code:

---

protected function compile() {
        if (TL_MODE=='FE') {
            if(!$this->Environment->agent->mobile): 


---

Und dann noch eine weitere Frage, weil ich es im Quelltext leider nicht gefunden habe, wo kann man denn die "Steps" die der Balken auf der rechten Seite macht angeben? Ich habe einen Text, den man gut lesen kann wenn man sozusagen einmal mit dem Mausrad scrollt (1 Step mit der Scrollbar), der Slider macht, warum auch immer, 3 Steps draus und somit verschiebt sich der nur um einen kleinen Absatz.

Gruß
Michael

Hallo Michael,
entschuldige die späte Antwort, aber ich habe dein Posting soeben erst gesehen.
Mobile Geräte - für mich leider (noch) ein Buch mit sieben Siegeln, so dass ich dabei momentan nicht weiterhelfen kann.
Die Bewegung des Scrollbalkens wird vom Skript berechnet, die Schrittweite der Steps kann daher leider nicht eingestellt werden.
Meine Antwort ist für dich jetzt nicht wirklich hilfreich, sorry.
MfG
Ulrike

Hallo Ulrike,

auch wenn der Thread schon etwas älter ist, es gab ja zwischenzeitlich mal ein Update. Mir ist jetzt allerdings noch etwas aufgefallen, vielleicht weißt du da besser bescheid. Ich spiel jetzt schon ewig an der scrollbar_config rum, aber irgendwie klappt das nicht, was ich möchte.

Hier das, was ich meine:

Egal wieviel Text in dem Scrollpane enthalten ist, ob es nur ein bisschen "versteckt" oder - wie bei mir aktuell, ungefähr der 20-fache Inhalt das aktuellen Fensters zu sehen ist. Es sind immer genau 4 Steps die das Scrollpane macht. Wenn ich es mit dem Mausrad scrolle. Bedeutet natürlich, dass bei einem Scrollvorgang gleichmal einige Seiten übersprungen werden. Leider gibt es in der Config nirgendwo einen Hinweis auf diese "Steps".
Hoffe ich hab das irgendwie verständlich beschrieben.

Bei einem Inhalt, bei dem z.B. vielleicht nur 2 Zeilen fehlen, müsste ein normaler Scroller ja normal mit dem 1 Step fertig sein, da er direkt die letzte Zeile darstellt und oben die erste Zeile nach oben durchschiebt. Auch hier versuht Scrollpane wiederrum 4 Steps zu machen. Ich muss mit der Maus also 4 Schritt auf dem Mausrad hinterlegen um die letzte Zeile zu sehen. Ich denke da ist irgendeine hardcodierte Lösung hinterlegt.

Sinnvoll wäre es doch eigentlich, mal logisch ausgedrückt steps = "gesamthöhe/breite Fensterinhalt" / "Definierte Fensterhöhe/breite"

In Zahlen:

Bei viel Inhalt
2500px / 450px = 5,55~ Steps.. also gerundet 6 Steps

Bei wenig Inhalt
600px / 450px = 1,33~ Steps... also gerundet 1 Step.

So wäre es auch logisch und würde auch dem üblichen Scrollen entsprechen.

Wäre echt Klasse, wenn du da mal schauen könntest wo diese komischen hardcodet '4' Schritte definiert werden.
Vielen Dank schonmal
Gruß
Michael

Ach ja, weil ich grad dabei bin. Hier noch eine kleine Verbesserung für den Scrollpane, weil ich weiterhin das Problem habe mit iPhone/iPad etc. zu scrollen.

Mit dieser kleinen Änderung geht es jedoch wunderbar. Code der dazu sollte, ist fett gemacht

ScrollpaneStart.php

Code:

---

    protected function compile() {
        if (TL_MODE=='FE') {
            if(!$this->Environment->agent->mobile):
            if(version_compare(VERSION . '.' . BUILD, '2.11.0', '<')) {
                $GLOBALS['TL_JAVASCRIPT'][] = 'plugins/scrollpane/js/mootools-1.2.5.1-more-yui.js';
            } else $GLOBALS['TL_JAVASCRIPT'][] = 'plugins/scrollpane/js/mootools-1.4.0.1-more-yui.js';

            $GLOBALS['TL_JAVASCRIPT'][] = 'plugins/scrollpane/js/scrollbar-1.0.1-nc.js';

            $GLOBALS['TL_CSS'][] = 'system/modules/scrollpane/html/css/scrollpane.css';
            $GLOBALS['TL_JAVASCRIPT'][] = 'system/modules/scrollpane/html/js/scrollbar_config_src.js';
            endif;

            $this->strTemplate = 'ce_scrollpane_start';
            $this->Template = new FrontendTemplate($this->strTemplate);

            $this->Template->id = $this->id;
            $settings=deserialize($this->paneSize);
            $this->Template->width = $settings[0];
            $this->Template->height = $settings[1];
            $this->Template->orientation = $settings[2];
            if($this->Environment->agent->mobile) $this->Template->orientation .= ' mobile';

---

und in der CSS Datei

Code:

---

.scroller.mobile {overflow: scroll;}

---

Das hat lediglich zur Folge, dass die Javascript auf mobilen Geräte nicht geladen wird und stattdessen die Scrollfunktion des Gerät genutzt wird.

[wg. Irrtums entfernt]

Hallo Ulrike,

danke für den Hinweis. Hatte ich gestern einige Minuten nach meinem Post auch gefunden die nc Datei. Aber ich blick da nicht durch.
Wegen der mobilen Veränderung, finde ich schade, dass du nicht einbaust, weil das eine (Seitenlayout) hat mit dem anderen nichts zu tun. Denn ob ich das Seitelayout jetzt auf mobile umstelle und die scrollpane lade (und es nicht funktioniert) oder das normale Seitenlayout benutze, ist egal.
War auch nur ein Vorschlag meinerseits (und ggf. für User die das gleiche Problem haben) sehen nun wo sie was ändern müssen, damit es auf allen Plattformen gut läuft :-)
Werde sicherheitshalber trotzdem mal in den Einstellungen das Update verbieten...

Gruß
Michael

Hallo Michael,
mein Hinweis auf ein eigenes Layout für "mobile agents" war in der Tat wenig durchdacht, daher habe ich mein voriges Posting lieber entfernt.
Wenn ich deinen Code in die Erweiterung übernehme, dann kann ich selbst keine Tests durchführen, weil ich kein geeignetes mobiles Gerät besitze. Bist du sicher, dass dein Code einwandfrei funktioniert? Ist es nicht so, dass die css-Datei nur geladen wird, wenn die Bedingung

PHP-Code:

---

if(!$this->Environment->agent->mobile) 


---

wahr ist? Dann würde die css-Datei nur geladen werden, wenn es sich nicht um einen mobilen Agenten handelt, und die css-Definition .scroller.mobile {overflow: scroll;} bei mobilen Agenten gar nicht zur Verfügung stehen. Natürlich ließe sich das einfach abändern, z. B. indem die Zeile mit der css-Datei außerhalb der if-Schleife, die auf mobile Agenten prüft, eingebunden würde. Aber passen dann all die anderen css-Definitionen? Es ist nicht ganz einfach, Änderungen zu implementieren, wenn man nicht entsprechend prüfen kann.
Vielleicht magst du alles noch einmal genau testen, bei entsprechender Rückmeldung könnte ich dann eine neue Version ins Extension Repository laden. Danke im Voraus.
Gruß
Ulrike

Hallo Ulrike,

freut mich, dass du das einbauen möchtest. Ich kann dir natürlich nur sagen, dass ich es bereits in 2 Seiten (produktiv) nutze und es bisher einwandfrei funktioniert.

Mit der CSS hast du natürlich vollkommen recht. Diese würde in diesem Fall nie ausgeführt und tat es auch nie. Ich habe mir die .scroller.mobile in meine normale CSS übernommen, was bisher wunderbar geklappt hat.
Das beste Ergebnis erzielte ich, wenn die scrollpane.css nicht geladen wurde sondern lediglich die CSS Definition .scroller.mobile da ansonsten (gerade getestet) ein rand zustandekommt.

Du könntest noch eine css anlegen, in der nur .scroller.mobile drin steht. Dieser kann auch immer ausgeführt/ausgeliefert werden. Denn stören tut das nicht bei der Desktopversion, da ja die class fehlt. Diese wird ja nur hinzugefügt, wenn es ein mobiles Gerät ist.

Du hast kein Handy, mit dem du das testen kannst? Ich kann zumindest definitiv sagen, dass diese Version auf deinem iPhone, iPad und Windows Phone 7.5 tadellos funktionieren.


Alternativ, wenn du dir nicht sicher bist, bau doch einfach in das Contentelement noch ein optionales Häckchen ein "für mobile Darstellung optimieren" oder so. Dann soll einfach anhand dieses Werts entschieden werden.

Dann prüfst du statt nur $this->Environment->agent->mobile auch noch diesen Haken. So bleibt es jedem frei diese Option zuzulassen, oder eben nicht. Und vielleicht gibt es ja mal den Fall, dass man es auf einer Seite so braucht und auf einer anderen Seite (gleiche Webseite) anders. Nötig: 1x DB-Feld. 1x DCA-Feldkonfiguration 1x Palette anpassen und 2x Prüfung einbauen (JS und CSS-Class).


PS: Was mir heute auch noch zufällig aufgefallen ist, bezüglich des Scroll"problems" mit den Steps. Es werden auch 4 Steps abgearbeitet wenn der Inhalt/Content kleiner ist als das Contentelement/Box. Also z.B. nur 1 Satz in einem 500px großen div steht. Echt komisch.

Hallo Michael,
deine Anregungen sind (teilweise) umgesetzt, die neue Version ist als rc3 im Extension Repository.
Ich hoffe, es funktioniert alles!
MfG
Ulrike

Hallo,
ich habe mal eine Frage zur Erweiterung. Ist es möglich, die Scrollgeschwindigkeit einzustellen? Ich habe die Erweiterung (Version 1.0.0 rc3) eingesetzt und bei mir scrollt es mit einer Verzögerung. Ich nutze Contao 2.11.4

Vielen Dank für eure Hilfe.

Moinsen!

Vielen Dank als erstes für diese tolle Erweiterung. Hat mir einiges an Zeit erspart.
Meine Frage geht auch in Richtung Scrollgeschwindigkeit.

Ich habe in der "scrollbar-1.0.1-yui.js" folgendes

Code:

---

this.move2(b?-this.stepSize*100:this.stepSize*100);

---

in

Code:

---

this.move2(b?-this.stepSize*30:this.stepSize*30);

---

geändert.

Das Scrollen ist für meine Befindlichkeiten jetzt angenehmer. Aber nur in einem DIV mit viel Inhalt. Mit wenig Inhalt ist der Scroll-Schritt viel zu kurz.
Ich bin in Java absoluter Laie. Kann mir jemand auf die Sprünge helfen? Eventuell dreh ich ja nur an der falschen Schraube oder in die falsche Richtung...

Danke, Sohle

Hallo Ulrike, hallo liebe CONTAO-Nutzer und -Profis!

Ich würde so gerne ScrollPane in CONTAO 3.0.3 zum Einsatz kommen lassen.
Aber leider funktioniert das nicht.

Ich habe auch eine manuelle Installation vorgenommen.
Habe die Daten einfach hochgeladen und - obwohl es den PLUGIN-Ordner ja nun nicht mehr gibt -
diesen Ordner einfach angelegt.

Habe aber eine weiße Seite erhalten und diese Fehlermeldung erhalten:

Zitat:

---

Fatal error: Class 'ScrollPaneHelper' not found in /is/htdocs/.../www/system/modules/core/library/Contao/System.php on line 110

---

Wer von Euch weiß, wie sich das Modul einbinden lässt?

Hoffe auf Hilfe!!

Rüdiger

Hallo,

es wäre schön, wenn jemand irgendeine Idee hätte.
Oder gibt es ein alternatives Modul zu ScrollPane ...?

Hallo,

bereits vor einiger Zeit habe ich meine Erweiterung ScrollPane für Contao 3.x lauffähig gemacht.
Ich werde überprüfen, ob die in Contao 3.0.0 lauffähige neue Version auch unter 3.0.5 funktioniert und - Funktionstüchtigkeit vorausgesetzt - stelle bei Interesse diese Version gerne im Repository zur Verfügung. Dies kann aus persönlichen Gründen nicht vor dem kommenden Wochenende geschehen, ich bitte um Verständnis.

Generell freut es mich, dass Interesse an meiner Erweiterung besteht.

Mit freundlichen Grüßen

Ulrike

Hallo Ulrike!

Vielen Dank, dass Du das mal überprüfst.
Im BE wird die Kompatibilität bis CONTAO 2.11.5 angezeigt.

Und bei der Installation, wird wohl auch ein Plugins-Ordner benötigt,
den es doch unter CONTAO 3.0.0 bis ... gar nicht mehr gibt ...

Freue mich jedenfalls, wenn Du das hinkriegst, denn ich würde Dein Modul schon gerne benutzen.
Hab zwar momentan ein anderes Javascript laufen, aber auch für meinen Kunden wäre es
natürlich komfortabel, wenn er dies selbst händeln kann.

Verständnis ist selbtsverständlich ... ;-)

Beste Grüße und noch einmal Danke!

Rüdiger

Hallo und erstmal vielen Dank für die super Erweiterung!!!

Gibt es denn eine Möglichkeit die Scrollbar optisch zu verändern bzw anzupassen???

Vielen Dank

Ja klar lassen sich die Scrollbalken stylen. Dazu am besten einen Blick in die mitgelieferte css-Datei werfen. Im unteren Teil ist das derzeitige Aussehen von "knob" und "bar" definiert. Die vorangehenden Buchstaben "v" und "h" beziehen sich auf die vertikale bzw. horizontale Ausrichtung. Dort kann man gerne auch eigene Einstellungen festlegen.
Gruß
Ulrike

Hallo,

danke für die tolle Erweiterung, funktioniert auch in Contao 3 einwandfrei.
Zur Scrollgeschwindigkeit wurden schon Anfragen gestellt, ich habe aber leider nicht verstanden, in welcher Datei ich was ändern muss, um bei Containern mit viel Inhalt etwas langsamer scrollen zu können (bzw. die Steps zu verringern).

Danke
stroberry

Tut mir leid, aber für die Steps gibt es keine Möglichkeit der manuellen Einstellung, da das verwendete Javascript dafür keine Option vorsieht.
Gruß
Ulrike

Hallo Ulrike,

danke für die Antwort zu den Steps. Leider wird ist bei viel Inhalt zu schnell gescrollt...

In Contao 3.1 funktioniert Scrollpane nicht mehr, muss man etwas anpassen?

Grüße
stroberry

Danke für den Hinweis, dass Scrollpane für die 3.0.x-Versionen in Contao 3.1 nicht mehr funktioniert.
Da die Änderungen etwas umfangreicher waren, hat's ein paar Tage gedauert, aber jetzt ist die neue Version im Extension Repository.
MfG
Ulrike

Hallo Ulrike,

vielen Dank, es funktioniert jetzt auch in 3.1.

Grüße
stroberry

Hallo zusammen,

bekomme es unter 3.2.7 leider nicht zum laufen. Liegts an der Contao-Version oder mache ich einen Fehler? :-)
Die Scrollbar wird angezeigt, allerdings läuft der Inhalt einfach über die definierte Box-Größe hinaus. Die Scrollbar kann ich auch bewegen, aber der Text reagiert nicht darauf. :rolleyes:

Beste Grüße
jschma

Hallo,

ich versuchs nochmal - könnte/sollte ScrollPane auch unter 3.2.7 funktionieren? Evtl hab ich einfach einen falschen Fehler bei den Einstellungen gemacht ;-) Falls nicht, an welcher Stelle müsste man denn schauen um es unter 3.2.7 zum laufen zu bekommen? Das Modul ist 1:1 das was ich suche, oder kennt jemand noch alternativen?

Danke und beste Grüße
jschma

Hallo jschma

Auf meinen beiden in der Signatur angegebenen Testseiten (derzeit identische Installation, beide Contao 3.2.7) habe ich ScrollPane installiert (kombiniert mit subcolumns). Du findest es unter Labor > RSS.

Nach meiner Erfahrung erscheint ScrollPane oft nach einer Aktualisierung oder Installation irgend einer Erweiterung in der Fehlermeldung (sofern Fehlermeldungen anzeigen eingeschaltet ist). Ich mache es dann so, dass ich ScrollPane deaktiviere, die gewünschte Erweiterung fertig aktualisiere oder installiere und erst, wenn alles störungsfrei läuft, ScrollPane wieder aktiviere. Bis heute hat das immer funktioniert.

Hallo Peter

und danke für deine Antwort. Also müsste die Erweiterung eigentlich funktionieren. Dann sehe ich meinen Fehler nicht, ich hänge mal 3 Screenshots an - hier scheint doch alles richtig zu sein? Mootools ist eingebunden...

VG
jschma

Eben habe ich das Update auf Contao 3.2.8 gemacht - ScrollPane läuft immer noch.

Nachfolgend 4 Bilder, die Umgebung und Einstellungen zeigen.

Anhang 13235
Anhang 13236
Anhang 13237
Anhang 13238

Vermutlich nicht alles korrekt und professionell - aber es läuft.

Hallo Ulrike

ScrollPane läuft bei mir unter Contao 3.2.9 (fast) problemlos. Vielen Dank!- Ab und zu hatte es in früheren 3er-Versionen Schwierigkeiten beim Aktualisieren von Erweiterungen gegeben - ScrollPane ist in Fehlermeldungen aufgetaucht. Ich habe dann jeweils ScrollPane deaktiviert, den Rest in Ordnung gebracht und dann ScrollPane wieder aktiviert. Und alles war ok.

Nun scheint es mir, ScrollPane und Metamodels käme sich ernsthafter in die Quere. Jedenfalls hilft das oben erwähnte Rezept offensichtlich nicht.

Beabsichtigst Du ScrollPane zu aktualisieren?

Ich musste eine Contao Installation auf 3.2.14 aktualisieren (von 2.11.17) in der auch ScrollPane zu m Einsatz kommt. Irgendwie habe ich es zwar zum Laufen gebracht, aber das Scrollen mittels Mausrad geht nicht mehr (in der 2.11.17 ging's noch)
hat jemand eine Idee wie das mit dem Mausrad aktiviert werden kann?

Schließe mich der Frage an, ob die Erweiterung noch aktualisiert wird.

LG
Bennie

Niemand hier, der die Erweiterung unter Contao 3.2.x nutzt und die Mousewheel Funktion zum Laufen gebracht hat?

Sorry, dass ich das jetzt nochmal hochhole, aber ich habe einiges probiert auch mit verschiedenen mootools Versionen, aber ich bekomme die Mousewheelfunktion nicht mehr aktiviert in cto3.2.
Kann das mal jemand ausprobieren in einer 3.2.14 Version bitte, vermutlich ist es für JS-Experten "nur" ein Blick, ich blicks leider nicht ;)

LG
Bennie

Hallo zusammen,

ich habe gerade scrollpane in Contao (3.4.4) eingebunden und das Startelement erstellt. Entgegen aller Anleitungen kann ich aber nirgens Höhe und Breite einstellen...? (siehe Bild). Der Slider erscheint, aber er weiß natürlich nicht, welchen Bereich er scrollen soll. Woran kann das liegen? Wäre für eine Antwort sehr dankbar :)

Anhang 15504

Hallo

In Contao 3.4.4 habe ich ScrollPane hier am Laufen. Allerding fehlen bei mir die Einstellmöglichkeiten ebenfalls. ScrollPane habe ich schon länger installiert und über alle Contao-Uptates "mitgenommen". Bei einigen Updates gabs auch Probleme, die dann aber "irgendwie" gelöst werden konnten.

Hallo Peter,

okay, dann bin ich ja schonmal nicht alleine mit dem Problem und habe die Hoffnung, dass der bug vielleicht demnächst gefixed wird... Ich könnte den Slider wirklich supergut gebrauchen, damit mein Kalender nicht - wie jetzt - horizontal abgeschnitten wird...

Gruß,

Ich denke mal, dass die Erweiterung nicht mehr weiterentwickelt wird.
Nachdem ich damit auch Probleme hatte habe ich sie in unseren Installationen herausgenommen und eine der zahlreichen jquery Lösungen eingebaut.
Das klappt deutlich besser..

Hallo Bennie,

kannst Du mir vielleicht EINE der zahlreichen jquery-Lösungen nennen? Mit jquery kenn ich mich ganz gut aus, hab das nur noch nie in Contao angewendet, da ich die Homepage nur "nebenbei" betreibe...
Das wäre total nett! :)

http://jscrollpane.kelvinluck.com/

Probier das mal, da sind auch einige Beispiele....

Danke, aber ich habe ein grundsätzliches Problem: wohin packe ich denn die JS-Bibliothek, damit die automatisch eingebunden wird? Und irgendwo muss ich doch "Mootools" aus- und JQuery einstellen... Ich finde das trotz langem Googeln leider nicht.
Kannst Du mir da kurz helfen?
Danke & tschüß!

Okay, ich hab die Einbindung über den <head> hinbekommen, die Styles und das JS sind drin (hab ich getestet), aber er will einfach keinen Scroller anzeigen :(
Ich finde den Fehler einfach nicht, HILFE!!!

Hier der Code:
<div id="meintest" style="width: 100%;height: 100px;overflow: auto; background-color:red;">
HuhuHuhuHuhuHuhuHuhuHuhuHuhuHuhuHuhuHuhuHuhuHuhuHu hu (usw.)
</div>

<script>
(function($) {
$("#meintest").jScrollPane({showArrows: true});
})(jQuery);

</script>

Danke & tschüß!

Probier' es mal hiermit:

• ER2: [jquery_scrollpane]
• Composer: fritzmg/contao-jquery-scrollpane

@Spooky
Du haust ja gerade eine Erweiterung nach der anderen raus - muss man ja mal lobend erwähnen! :)
Deine "be_include_info" hab ich auch schon getestet -super.

@bonner_1928
jQuery hattest Du aber nicht vergessen anzuhaken im Layout?

Danke für die Antworten, ich hab's jetzt rausgefunden: mir fehlte der Wrapper-Container, der den äußeren Rahmen definiert. Das war alles... Hatte danach noch ein wenig Stress mit dem Kalender, der sich nicht sofort den Scroller anziehen wollte - ich hab ihn jetzt aber überredet... :D Alles gut!

Tschüß!