TOOLTIPS aus WIDGET...

1. offizieller Beitrag

    Hallo liebe ZETAs... ;) Ich möchte gerne TOOLTIPs auf meiner Homepage www.fotow.de / Rubrik Digitalisierungen / Video
    unterbringen. Und auch auf anderen Seiten/Unterseiten:thumbup: Im Internet habe ich ne Menge zum Thema gefunden, aber das ist mit mit HTML und CSS etwas zu umfangreich, mangels Kenntnisse.

    Nun gibts unter ZETA auch ein Widget WZP Tooltip 1.0. Sieht richtig gut aus. Da einzige, was mir nicht gelingen will, dass ich den Text vor dem Fragezeichen, oder INFO-Zeichen, rein bringe.
    Also.. Text und danach das "?"..

    Sinngemäß... erst die Frage ... "Was bedeutet VOB" ... daneben dann das entsprechende TOOLTIP-Bild, z.B. FRAGEZEICHEN! Ich habe da nur ein ENTWEDER/ODER"... Entweder Text oder GRAFIK ohne Text.. Links daneben, rechts daneben geht auch nicht, ohne dass sich die GRIDS (?) verschieben. Wer kann einem Halbwissenden, aber motivierten ZETA-Freund, helfen? :saint:

    Königsdisziplin wäre, innerhalb einer Tabelle jeweils rechts, in der gleichen Zeile, ein "Fragezeichen" unterzubringen mit TOOLTIP. So, wie es auch oft in Formularen ist, um die Frage in der Zeile zu verstehen.

    Beste Grüße:...
    Axel aus Emden

    • Offizieller Beitrag

    Hallo Axel,


    ich hatte dein Post im ZP Forum bereits gesehen, wollte aber damit es übersichtlich bleibt warten, bis du dich hier meldest.


    Bei dem Widget "Tooltip" gibt es nur die Auswahl entweder Text ODER Bild. Du könntest aber Text auswählen und das Icon anders, z.B. mit dem in Zeta Producer integriertem Font Awesome 4 (https://fontawesome.com/v4/icons/), erstellen.


    Dazu kannst du dir auf der Seite einfach ein Icon raussuchen, den entsprechenden HTML Code kopieren und vor oder hinter dem Text einfügen.

    Beispielsweise könntest du dieses ? Icon verwenden:

    Code
    <i class="fa fa-question-circle" aria-hidden="true"></i>


    Den Tooltip in einer Tabelle zu platzieren ist nicht so einfach, da Widgets in Zeta Producer keine anderen Widgets beinhalten können. Deshalb gibt es das Widget "Tooltip Editor". Dieses Widget platzierst du einfach auf der Seite und fügst in der Quelltext Ansicht der Tabelle dann folgenden Code in die letzte Spalte ein:

    Code
    <span class="wzp-tooltip_edit" title="TEXT TOOLTIP">LINK TOOLTIP</span>

    TEXT TOOLTIP ist der Text, welcher im Tooltip erscheinen soll.

    LINK TOOLTIP ist der Text, welcher den Tooltip aufrufen soll. Hier kannst du natürlich auch ein Icon von Font Awesome nutzen.


    Viele Grüße aus dem Süden Deutschlands in den Norden :)