Plugin: Expandcontract_XH - Community-Projekt ???

[Holger]

Macht mal.... (nen neuen Thread dafür auf ). Vielleicht besser im OD-Bereich.
Ich hätte da ein paar andere Ideen, die ich gerne auch "universell", anstatt im Einzelkampf in jedem Plugin, realisiert hätte.

[Holger]

Macht mal.... (nen neuen Thread dafür auf ). Vielleicht besser im OD-Bereich.
Ich hätte da ein paar andere Ideen, die ich gerne auch "universell", anstatt im Einzelkampf in jedem Plugin, realisiert hätte.

Ich habe hier mal einen neuen Thread dazu eröffnet: viewtopic.php?f=29&t=18378

[wolfgang_58]

Hallo,
bei meinem Testen vom Plugin ist mir aufgefallen, dass mit dem aktuellsten Plugin verschiedene Ansichten entstehen und ich mir das nicht erklären kann.
Starte ich die Beispielseite und dann wird mir auf der Startseite das Bild "expan_startseite" angezeigt, klicke ich innerhalb der Seite nun auf die Seite "expand", dann erhalte ich eine andere Ansicht, siehe "expand_expand".
Gibt es dafür eine Lösung oder Hilfe?

Hier die Bilder: [ external image ]
[ external image ]

[frase]

Gibt es dafür eine Lösung oder Hilfe?

Lösung oder Hilfe gibt es noch nicht.
Du hast da ein echtes Problem entdeckt.
Wenn der Pluginaufruf in einer Newsbox steht, dann wird das CSS nicht eingebunden (in deinem Beispiel example4.css).
Das bewirkt, dass auf der Seite "Start" in der Newsbox alles nur mit den Template-Styles dargestellt wird.
Auf der Seite "expand" steht dann ein weiterer Pluginaufruf, der das CSS richtig einbindet.
Dadurch wirkt dieses CSS auch in der Newsbox.

Also, es ist ein richtiger Bug!
Bis dieser behoben ist, rate ich von der Verwendung des Plugins in Newsboxen ab.

https://github.com/cmsimple-xh/expandcontract/issues/15

[wolfgang_58]

Hallo,
danke für die Nachricht. Bei der Version "expandcontract_xh_0-8-preview8" hat es noch funktioniert, aber egal ..
Werde mal abwarten ...

[olape]

Auf für mich nicht wirklich nachvollziehbare Weise wird doch max-height für expand angegeben.
Ich habe in der config und auch beim Aufruf keine Höhenangabe gemacht.

Code: Select all

<div id="popup1_ec1" class="expand_content open" style="max-height: 1247px;">

oder mal

Code: Select all

<div id="popup1_ec1" class="expand_content open" style="max-height: 1593px;">

je nach Viewport ist die Ausgabe dann unten mal mehr mal weniger abgeschnitten.
Was auch immer da gerechnet wird, es passt nicht richtig.

Plugin mit originaler config bis auf das zusätzliche css und Aufruf nur mit {{{expand}}}

Wenn ich in der confg max-height angebe (i.e 2000px), dann wird das immer auf diese volle Höhe aufgeklappt.
Das ist dann natürlich zu viel, bringt also auch nichts. Wobei max-height eigentlich doch nur eine Grenze sein sollte, keine feste Höhenangabe.
Außerdem werden aus den 2000px dann 2119px, zumindest beim aktuellen Viewport. Auch das ändert sich und kann eben auch mal 2124px sein.

[lck]

je nach Viewport ist die Ausgabe dann unten mal mehr mal weniger abgeschnitten.
Was auch immer da gerechnet wird, es passt nicht richtig.

Wie testet du das? Verkleinerst du nur das Browser-Fenster, so ist es so, da max-height dabei nicht neu berechnet wird. Es bleibt z.B. bei 1247px. Damit das bei einem anderen Viewport neu berechnet wird, müsste man die Seite neu laden oder einfacher, den Zweig zu- und wieder aufklappen.

Wenn ich in der confg max-height angebe (i.e 2000px), dann wird das immer auf diese volle Höhe aufgeklappt.
Das ist dann natürlich zu viel, bringt also auch nichts. Wobei max-height eigentlich doch nur eine Grenze sein sollte, keine feste Höhenangabe.

Ja, die Bezeichnung mit max-height ist etwas verwirrend. In Wirklichkeit wird hier nur die Höhe des Contentbereiches festgelegt und auch nicht max-height, sondern height. Somit erscheint ein Scrollbalken im Contentbereich.

[cmb]

Wie testet du das? Verkleinerst du nur das Browser-Fenster, so ist es so, da max-height dabei nicht neu berechnet wird. Es bleibt z.B. bei 1247px. Damit das bei einem anderen Viewport neu berechnet wird, müsste man die Seite neu laden oder einfacher, den Zweig zu- und wieder aufklappen.

Oder es wird ein resize EventListener registriert, der das automatisch macht.

[olape]

Wie testet du das? Verkleinerst du nur das Browser-Fenster, so ist es so, da max-height dabei nicht neu berechnet wird. Es bleibt z.B. bei 1247px. Damit das bei einem anderen Viewport neu berechnet wird, müsste man die Seite neu laden oder einfacher, den Zweig zu- und wieder aufklappen.

Ich habe alle Varianten durchprobiert, es bleibt dabei.
Das passiert übrigens schon direkt beim ersten Öffnen.

Liegt vielleicht auch an der Länge des Contents?, oder auch am Template?

Ich habe es jetzt so geändert, dass max-height immer mit 100% angegeben wird. So funktioniert es bei mir erst mal überall.
Bisher konnte ich damit keine Problem erkennen.

[olape]

So, nachdem ich gestern nun den zusätzlichen Stylesheet noch etwas geändert habe scheint es nun doch wie gedacht zu funktionieren.
Leider weiß ich nicht mehr wirklich, was ich gestern noch geändert hatte. Ich glaube aber, ich hatte ursprünglich unter .expand_content.open ein Padding drin. Da muss ich nochmal testen, ob es daran lag.

Was mir dabei aber aufgefallen ist, bzw. was sich mir für ein Frage stellt: Warum die Rechnerei für max-height?
Es funktioniert statt:

Code: Select all

el.style.setProperty("max-height", elMaxHeight + "px");

mit:

Code: Select all

el.style.setProperty("max-height", "100%");

Code: Select all

el.style.setProperty("max-height", "max-content");

Code: Select all

el.style.setProperty("max-height", "min-content");

Code: Select all

el.style.setProperty("max-height", "none");

tadellos.
Und in allen Fällen besser als berechnet, denn dann ist es wirklich responsiv.
Hier muss beim Ändern des Viewport weder neu geöffnet noch die Seite neu geladen werden.

Übersehe ich hier etwas?
Ich weiß, das Thema war schon beim Überarbeiten des Plugins irgendwie nicht ganz einfach.