New home › Forums › Gold Add-on › Custom InfoWindow
Tagged: css, custom, infoWindow, map
- This topic has 10 replies, 5 voices, and was last updated 3 years, 9 months ago by sabinevanerp.
-
AuthorPosts
-
December 1, 2015 at 9:48 am #19162animaagMember
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,
LizDecember 1, 2015 at 10:25 am #19165DylanModeratorHi 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
-AnimationThe 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?
December 1, 2015 at 10:30 am #19169animaagMemberHello,
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?
December 2, 2015 at 11:51 am #19198DylanModeratorHi 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?
December 2, 2015 at 3:44 pm #19242animaagMemberThank you! It helps 🙂
December 3, 2015 at 9:03 am #19248DylanModeratorHi Liz,
Only a pleasure.
Have a great day!
March 24, 2017 at 1:43 am #25450OceanWind181MemberTwo 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
March 29, 2017 at 10:00 am #25600DylanModeratorHi 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?
July 9, 2017 at 7:15 pm #28484jamesthebritMemberHi 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?
July 11, 2017 at 11:53 am #28552DylanModeratorHi 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?
-
AuthorPosts
- You must be logged in to reply to this topic.