Text per Link/Button auf der Seite größer oder kleiner anzeigen lassen

[Stefan01]

Bei einer bestehenden Seite soll nach Kundenwunsch ein Text größer/kleiner button auf die Seite . Meiner Meinung nach ist das total überflüssig, da alle modernen Browser über eine Zoom-Ansicht verfügen und so ein Text-Zoom Umbrüche im Text erzeugt, die wirklich grausig sind.

Habe schon versucht über das Thema was im Forum zu finden, leider ohne Erfolg. Gibt es über ein Modul eine Möglichkeit das schnell und elegant zu lösen oder muss das mittels CSS und Javascript auf jeder Seite einzeln angepasst werden.

Ich würde dem Kunden ja auch gerne davon abraten, aber der Kunde ist ja bekanntlich König. Was ist da eure Meinung dazu.

Danke und einen schönen Abend

Stefan

[planepix]

Hallo Stefan,

vielleicht ist das Tutorial ein Ansatz zur Kundenzufriedenheit...

[Stefan01]

Hallo planepix,


das ist ja genial!! Da dürfte wohl jeder zufrieden sein. Diese Textvergrößerung halte ich aus typografischer und gestalterischer Sicht sowieso für ein Unding. Habe mir die Seite gleich als Lesezeichen gespeichert. Also nochmals vielen Dank und einen schönen Abend nach Stuttgart.

[Stefan01]

Hallo und guten Morgen! Den Tooltip-Aufruf habe ich als Modul angelegt (Modultyp HTML). Wenn ich den Code dann so wie im Beispiel eingebe und speichern möchte, nimmt er mir die <strong> tags nicht an (die Klammern<..> fliegen immer wieder raus) . Diese sind aber bei erlaubten Tags in den Einstellungen schon eingegeben worden. Der Tooltip funktioniert an sich ja, nur die Darstellung nicht ganz wie gewünscht. Hier mal ein Link: http://www.bingen-hohenzollern.de/contao/index.php

Das Modul Tooltip kann ich in der Hauptspalte auch nur als letztes Element anordnen. Sobald ich den Tooltip unter die Breadcrumb Navigation und über den Artikel stelle, habe ich das Problem, dass beim Überfahren des Links bei jedem Buchstaben das Fenster des Tooltips auf und wieder zugeht. Die Position hätte ich auch ganz gerne in der selben Zeile wie die Breadcrumb Navigation, lässt sich aber vermutlich mit den CSS lösen.

Danke schonmal für die Beantwortung meiner Fragen

[Stefan01]

Keine Antwort mehr ?

[planepix]

Hallo Stefan,

Du könntest doch den Link ganz an den Seitenanfang stellen, also als erstes Element.

Wenn ich im Beispiellink über den Link Darstellungsgröße gehe, dann bleibt der Tooltip doch geöffnet, solange ich über dem Link bleibe?

[Stefan01]

Hallo planepix,


Danke erstmal für die Antwort. Also wenn ich den Tooltip nach unten stelle geht es mit der Darstellung. Habe gerade mal im Standardlayout den Tooltip als erstes Modul in der Hauptspalte angelegt. Da liegt dann auch die Navigationsleiste darüber. Das stimmt irgendwas nicht. Außerdem lässt sich der Text, wie schon beschrieben, im HTML Editor des Template tooltip nicht mit <strong> formatieren bzw. der Zeilenumbruch mit <br> funktioniert auch nicht. In den erlaubten HTML Tags sind diese jedoch schon angelegt.

Das ist bestimmt sehr einfach zu lösen, nur sehe ich gerade vor lauter Bäumen den Wald nicht mehr.

Danke schonmal für die Hilfe

[Stefan01]

Der Tooltip funktioniert an sich ja wie in dem angegebenen Tutorial, es ist eben nur noch das Feintuning, was nicht so recht gelingen will.

Habe den HTML Code jetzt mal so angepasst wie er in dem Beispiel angegeben war. Sobald man dann über den Link fährt erscheint der Text mit den HTML Tags strong und br als normaler Text.

[planepix]

Hallo Stefan,

wenn Du der Klasse .tool ein z-index mit gibst ( z-index:1000; ), dann wird der Tooltip schon mal über allen anderen Elementen angezeigt.

Dann den Außenabstand (margin) von oben vergrößern (80px), dann sitzt der Tooltip schon mal unter dem Link.

Was noch nicht will, ist das Geflackere...

[Stefan01]

Super, habe das mit dem z-index schon vermutet. Was mir nur nicht einleuchtet ist der Text in dem Tooltip. Ich habe den Code 1:1 übernommen aber die <...> Klammern werden nach dem Speichern des Codes alle gelöscht; außer bei dem Tag <a> und </a>.

Ich sehe schon, werde wohl kaum um den Kauf des Buches herumkommen ;-)

[~Franzi~]

Was mir nur nicht einleuchtet ist der Text in dem Tooltip. Ich habe den Code 1:1 übernommen aber die <...> Klammern werden nach dem Speichern des Codes alle gelöscht; außer bei dem Tag <a> und </a>.

Konnte das Problem mit den verschwundenen Klammern irgendwie gelöst werden? Ich muss für meine eine Kundin auch so etwas erstellen und stehe vor dem gleichen Problem!
Ich danke schon im Voraus für die Antwort

LG Franzi

[Stefan01]

Hallo Franzi,



nein leider nicht, habe die Schrift jetzt einheitlich ohne Kursiven oder andere Hervorhebungen. Welche Contao Version nutzt Du denn?
Habe mir letztens schon gedacht, dass das Problem möglicherweise durch ein Update behoben werden könnte.


LG

Stefan

[~Franzi~]

Das ist natürlich schade... aber ich werde nochmal weiter nach einer Lösung suchen. Ich wollte ja eigentlich, dass ich so ein - A + oben im Header einbinde und wenn man auf + bzw. - drückt, dass sich das Ganze vergrößert bzw. verkleinert. Die Website, die ich momentan anfertige, soll halt auch speziell für ältere Leute sein. Wäre ja blöd, wenn ich bei meiner Bachelorarbeit reinschreiben müsste "funktionierte so nicht in Contao" :-/

Also falls noch jemand eine Idee hat... ich wäre dankbar!

[sr-tag]

Hallo,

evtl für obige etwas spät aber für andere noch nützlich. Ich denke es liegt daran das die < und > Zeichen verschwinden, da der Text innerhalb des rel-Atributes eines anderen HTML-Elements liegt. Wenn du die Klammern also html-codierst &lt; und &gt; oder Contao-konform [lt] und [gt] dann sollte z.B. auch ein strong-tag im Tooltip dargestellt werden können.

Gruß Sven

[kaethe]

Hallo, der Post ist zwar schon eine Weile her, aber ich habe gerade das Problem, dass ich alles nach Anleitung mache, mir aber ein Fehler geworfen wird weil Contao das tpl nicht findet.

Wisst ihr woran das liegen könnte?

Grüße

[sr-tag]

Welche contaoversion hast du? Ist die tooltip Erweiterung für die contao-Version freigegeben? Was hast du in deinem Themen eingestellt html oder xhtml?