1. Lumigasport
  2. Support
  3. Friday, September 29 2017, 02:23 PM
Hi Support Team,

Is it possible to resize the avatar only in the map?

We use high resolution avatars because we show them big in the user list.
But in that case it's also big in the map. See screenshot.

Is there a custom code we could use to show the avatar for 20% in the map for example?

Hope to hear from you.

Kind regards,
Lumiga
Attachments (1)
admin Accepted Answer
Admin
Hi,
you can do this with a simple CSS code like this

.jsn-l-map .jsn-l-avatar img{
width:20%;
}
  1. more than a month ago
  2. Support
  3. # 1
Lumigasport Accepted Answer
Basic
Content Protected
  1. more than a month ago
  2. Support
  3. # 2
admin Accepted Answer
Admin
Hi,
this is not something so simple because width of infowindow come from Google Map.

the only way (not tested by us) is to override module template and add code to set a max width, see here https://stackoverflow.com/questions/3844314/controlling-the-width-of-a-google-maps-infowindow

To override module template you can follow these steps:
- Copy file from modules/mod_jsnmap/tmpl/default.php to /templates/your-template-folder/html/mod_jsnmap/default.php
- edit new file
  1. more than a month ago
  2. Support
  3. # 3
Lumigasport Accepted Answer
Basic
Oké that's an option, but I think it's also an option to use px instead of %.
In that way the panel has collapsed automatically and gets an acceptable format.

This code helped me to fix this issue.

.jsn-l-map .jsn-l-avatar img{
width: 50px !important;
height: 41px !important;
margin-bottom: 8px;
}

But thanks for your awesome support!
We appreciate that.

Kind regards,
Lumiga
  1. more than a month ago
  2. Support
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.