TOPIC: Customizing InfoWindow

Hi Daniel,

I would like to modify the way infowindow is showing the information to something like this:



I am not using the regular 'insert image' option, I am using the 'Short Description' field. For example:



because I need to include a link to that image.

Can you guide me to the code I have to modify?


Thanks in advance.

Float your image to the left and it should work.

I tried that but the address remains on top of the image.

What code I have to modify to decrease the width of the infowindow?

line 375 in Hotspots.js (media/com_hotspots/js) - you have width: 300px.

And about the address - either you have the image first in the code and you float it left, then you float left the paragraph with the text. Or you first float right the paragraph with the text and after that float left the image. (search a tutorial about css float on the web)

I will decrease the width of the infowindow, because If I decrease the size of the image, the images from the search results will be affected as well.

Thanks for the info man !!!

I changed line 375 in Hotspots.js (media/com_hotspots/js) - from width: 300px to width: 200px.

Infowindow is showing a size of width: 248px

:/

Any other section to change the width of the infowindow?

well, that is width...
I assume that the additional 48px are 24px padding on the left and right....

Use firebug or chrome's console to show you what is being calculated by the browser.

fixed.