Custom InfoWindow

New home Forums Gold Add-on Custom InfoWindow

Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #19162
    animaag
    Member

    Hello,

    I read though a couple of topics about custom infowindows where you said that it is near impossible to implement custom infowindows to the map. The topics were a couple of years old. I am wondering have you made any changes to your code to support custom infowindows now?

    Regards,
    Liz

    #19165
    Dylan
    Moderator

    Hi Liz,

    Thank you for getting in touch, we really appreciate it.

    We do support custom infowindows at the moment, however those infowindows do not support custom field types. Meaning you have access to the following:

    -Title
    -Address
    -Description
    -Image
    -Marker Icon
    -Link
    -Animation

    The description field does however support basic HTML tags, meaning you can add images, and styling to text inside the description area.

    I hope this helps?

    #19169
    animaag
    Member

    Hello,

    Thank you for your prompt reply!

    This is good news! I would like to use Modern InfoWindow on one map and a custom infowindow on the second one. Is this possible with the help of CSS class attribute?

    #19198
    Dylan
    Moderator

    Hi Liz,

    Only a pleasure, happy to help.

    Yes this can be set for each map by going to the map editor -> clicking on the tab labelled ‘Advanced Settings’ and selecting your ‘Infowindow Style’.

    I hope this helps?

    #19242
    animaag
    Member

    Thank you! It helps 🙂

    #19248
    Dylan
    Moderator

    Hi Liz,

    Only a pleasure.

    Have a great day!

    #25450
    OceanWind181
    Member

    Two questions:

    1) Can I develop my own custom info window template?

    2) Is it possible to target an area outside of the map so that I can display a much larger and more spacious version of the info window and not have it obscure parts of the map?

    Thanks,

    Bill

    #25600
    Dylan
    Moderator

    Hi Bill,

    Thank you so much for your time on this one.

    Please find my responses below:
    1. Unfortunately this is not currently supported. However the modern info-window does make use of CSS classes, which can be targeted using custom CSS, and allows for quite extensive customization.
    2. This is not supported by default, but could be achieved with some styling changes, and possible some extensive structural changes.

    I hope this helps?

    #28484
    jamesthebrit
    Member

    Hi there Dylan,

    I see I can add change the CSS of the info windows depending on what I use. Though I am trying to change the CSS styling for each individual info window. I can use the Page ID function to keep the CSS within the page that contains the particular map. Though individual styling past that for each window I am struggling with.

    Is there any way to add custom css id’s to the entire marker rather than only the HTML I can control within the description box?

    #28552
    Dylan
    Moderator

    Hi there,

    Thank you so much for your time on this one.

    Unfortunately the info-window is only generated once, and the content is replaced dynamically. This allows our resource load to become slightly reduces, and means we do not clutter the DOM with additional container.

    Therefore, you could style it based on a page id or a map container id such as #wpgmza_map_2 for your 2nd maps container. However you would not be able to style specific info window for each marker.

    I hope this helps clear things up a bit?

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.