HI,

Thanks for this very useful module.

Would it be difficult to add the possibility to have an image instead of text in the "title" tag?

Instead of a text, we could enter the path to an icon (in my case a question mark icon)
When the mouse hovers above this icon, the popup would show up.

Thanks for considering this request,
Thierry

Comments

Scheepers de Bruin’s picture

Scheepers de Bruin commented

That's a good idea. It is quite simple to do in the themeing layer, for now:

The popup HTML look something like this:

<div id="id-atrribute-i-assigned" class="popup-element popup-text popup-origin-bottom-right popup-expand-top-left popup-hover-activate">
  <div class="popup-anchor">
    <div class="popup-positioner">
      <div class="popup-body popup-text-body">Bottom right</div>
    </div>
  </div>
  <a class="popup-title popup-text-title" nohref="">
    <span class="bottom-right-top-left">Bottom right, top left</span>
  </a>
</div>

In your style.css add the following:

  #id-atrribute-i-assigned a.popup-title{ background: url('path/to/icon.png') no-repeat; height: 10px; width: 10px;}
  #id-atrribute-i-assigned a.popup-title span{ display: none;}

remembering to change the width and height to that of your icon.

Tilt_11’s picture

Tilt_11 commented

Thanks!
I'll do that later today and let you know how it worked!

Scheepers de Bruin’s picture

Scheepers de Bruin commented

Did it work?

Scheepers de Bruin’s picture

Scheepers de Bruin commented
Status: Active » Closed (fixed)

no activity

Tilt_11’s picture

Tilt_11 commented

Sorry for disappearing...I was busy on other projects and kind of left this on aside. It actually didn't work.

I'' try to figure out what didn't work in the next few days and keep you posted.

Tilt_11’s picture

Tilt_11 commented

Ok, I finally found a moment to take care of this...and it works perfectly...Thanks!

Scheepers de Bruin’s picture

Scheepers de Bruin commented

My pleasure.