Reply To: POI popup window is not big enough for content

Home Forums MapPress Support POI popup window is not big enough for content Reply To: POI popup window is not big enough for content

#10677
Chris
Keymaster

Hi,

I realized I hadn’t published 2.38.7 yet, I’ll publish it today.  I also did some more testing on your site.

Images are loaded asynchronously so Google needs to ‘guess’ how big they’ll be using the CSS settings in the page.  I think the site’s theme is applying this CSS to all the images:

div.bkp-frame img, div.bkp-frame-wrapper img, div.page-bkp-frame-wrapper.gallery img{ max-width: 100%; height: auto; }

The images all have the html attributes for height/width, but Chrome & Firefox seem to ignore them.  Instead they use the CSS settings, and then it can’t determine the size of the images until they’re downloaded.

The result is that the first time you open the infoWindow, you see the image sized wrong.  The second time, the image is cached and the browser can figure out how big it is.

Here’s some suggestions:

1) Specify a CSS style or class with width and height for every image.  That should take precedence over the theme (but it may be a pain with many images).  For example:

<img src='http://whatever' style='width:100px;height:100px' />

2) Or, apply CSS width/height to ALL images in infowindows by adding this to your theme’s style.css (assuming they’ll all be the same size):

div.mapp-iw img {   width: 100px; height: 100px; }

3) Finally, you can download 2.38.7 when it’s available and try the ‘infoboxes’ setting.  Those are custom infoWindows that can extend outside the edges of the map and they may work better for sizing this content.