InfoBubble Width

More
5 years 8 months ago #12253 by Dima
Replied by Dima on topic InfoBubble Width
Check your template CSS
Your template set different attributes for different media resolution.
It is not my bug.

Don't forget support my developments: post review in JED , donate , help with translation ;)

Please Log in or Create an account to join the conversation.

  • tag6
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
5 years 8 months ago - 5 years 8 months ago #12254 by tag6
Replied by tag6 on topic InfoBubble Width
I tried with default template protostar but I have the same problem (see attached).
Firefox debug: override of:
.placemarkContent img, .placemarkBody img {
[strike] max-width: 100%! important;[/strike]

I did not understand how to set up Map with panel instead:
joomla.zhuk.cc/index.php/zhgooglemap-mai...ature-map-with-panel
maps > advanced options >
display infoWin content > Panel
open panel > yes
but the panel is empty...

sorry for the lost time
Attachments:
Last edit: 5 years 8 months ago by tag6.

Please Log in or Create an account to join the conversation.

More
5 years 8 months ago #12255 by Dima
Replied by Dima on topic InfoBubble Width
Hi.It's OK, do not hesitate to ask me and do not excusing.
I checked on my phone with FireFox
If I set landscape map view, I can see correct image.
If portrait - it crops.

I can't tell how it should be correct.
I found that you can try to set image size in your styles in "em"

The other case
stackoverflow.com/questions/10196926/fix...ze-without-re-sizing
Ie set height for your images (by class), after that it's width will be automatically set.

As for panels.
If you want to see infowin content in panel - goto map details -> Advanced options Tab. Field "Display InfoWin content" set to Panel.
For placemark lists and groups - I wrote above.

Don't forget support my developments: post review in JED , donate , help with translation ;)

Please Log in or Create an account to join the conversation.

  • tag6
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
5 years 8 months ago #12279 by tag6
Replied by tag6 on topic InfoBubble Width
set image height (class) I do not think it's a solution. For responsive port port for various devices (desktop, tablet, smartphone) set width.
Unfortunately in the component in com_zhgooglemap:

.placemarkContent img, .placemarkBody img {
max-width: 100%! important;

is overwritten by:
#GMapsID img, #GMapsID svg, div.zhgm-map-default img, div.zhgm-map-default svg {
max-width: none! important;

(see attachments Maps1_, Maps2_)
I do not think there are solutions !?
Attachments:

Please Log in or Create an account to join the conversation.

More
5 years 8 months ago #12280 by Dima
Replied by Dima on topic InfoBubble Width
OK. I checked and don't understand why it is not overriden.
Lets fix it by the other way.
Do not show map by component (menu item).
Just create Custom HTML module, enable plugin processing, publish it in where you want to see map, and in HTML body call my plugin.
And for map in Advanced options set "CSS Class" to any your name, it is map div CSS class.
In that case, due to you write CSS class - I ddn't use default CSS class name. And for plugin map div will be not "GMapsID", it will be the other.
In result - my CSS styles will not be applied to main map div. And you'll not get my override max-width: none
Try to do like this.

Don't forget support my developments: post review in JED , donate , help with translation ;)

Please Log in or Create an account to join the conversation.

Time to create page: 0.191 seconds
Powered by Kunena Forum