Changing bubble template google map

relsig

Member
I'm using a virtualization googlemap to display different information on a map.
Unfortunately the bubbles that open, when you click on a marker have a not really nice looking behavior.
See picture in the attachment.

How can I make sure that the title (e.g. Samariterverein Brig-Glis) is displayed on one line and the bubble is big enough to display all the content without scroll bars?

The new line setting is set to off.

Thanks

Roger
 

Attachments

  • Bubble template.JPG
    Bubble template.JPG
    36.7 KB · Views: 429
You can add HTML in the bubble template and you can add custom.css to the map's template in ...\plugins\fabrik_visualization\googlemap\views\googlemap\tmpl\default\custom.css (you can even create your own map template).
So your bubble content could be
Code:
<div class="mybubbleclass">{some-placeholder}<br>
some text<br>
{some-placeholder}</div>
and custom.css
Code:
#table_map .mybubbleclass {background:yellow; color:green;white-space:nowrap;padding-right:20px}
 
We are in need of some funding.
More details.

Thank you.

Members online

Back
Top