Info Line als Tooltip

jensiboy · 18. Februar 2022

Hallo,

kann ich die Info Line auch als Tooltip benutzen? Oder dass beim anklicken eines Icons eine Lightbox mit Text aufgeht?

Vielen Dank schon mal im voraus.

Mario · 19. Februar 2022

Hallo jensiboy,

Theoretisch wäre das möglich.

Wäre aber ein komplett neues Widget mit sehr viel Aufwand. Das schaffe ich im Moment leider nicht.

Eine Alternative wäre eventuell das Widget TOOLTIP mehrfach nebeneinander zu platzieren.

jensiboy · 19. Februar 2022

Hallo Mario,

dankeschön für deine Antwort. Das Tooltip Widget schaut halt nicht so cool aus

Lässt sich beim Tooltip Widget die Breite der Anzeige ändern? Und lässt sich beim Widget Texttoggle der Textbutton durch ein Bild ersetzen?

Fragen über Fragen

Vielen Dank schon mal im voraus.

Mario · 19. Februar 2022

Was genau meinst du? Die Breite des Tooltips? Diese passt sich eigentlich automatisch an den Text an.

Folgendermaßen kannst du eine Breite vorgeben:

Öffne im Widget-Ordner die "tooltip.css".

Ganz oben dem Abschnitt

Code

#tooltip
{
text-align: center;
color: #fff;
background: rgba(0, 0, 0, 0.85);
padding: 10px 15px;
border-radius: 5px;
position: absolute;
z-index: 22200;
}

fügst du folgende Zeilen hinzu

Code

width:100%;
max-width:200px;

Anschließend: Extras > Entwickler > Änderungen übernehmen

jensiboy · 22. Februar 2022

Hallo Mario, werde ich ausprobieren.

Dankeschön schon mal

jensiboy · 6. März 2022

Hallo Mario,

hat leider nicht geklappt. Die Breite hat sich nicht geändert.

Du kannst es dir gerne mal angucken, vielleicht hab ich da was falsch gemacht.

Die Tooltip kommt nach den Asubildungsinfos.

https://www.fahrschule-die3.de/2022/motorrad/a1/index.html

Grüße und noch ein schönes Wochenende

Mario · 6. März 2022

Ja dieses Layout braucht eine kleine Unterstützung

Ersetze in der "tooltip.css" das eingefügte

CSS

width:100%;
max-width:200px;

durch

CSS

width:100% !important;
max-width:200px !important;

Den Wert 200px musst du noch auf deine Wünsche anpassen.

jensiboy · 6. März 2022

Super, jetzt funktioniert es.

Dankeschön

Teilen