Currently using CSS to make the pins orange, however we now want to make the pins red if the customer has a deal there, and green if they don’t (ie it’s just a boolean, so the color would change based off that boolean). Is there any way to do this on the same map using the map component in Glide?
I would refer you to the Map expert 
@Jeff_Hager
1 Like
For the CSS part, this might also be useful
1 Like
When working with maps, targeting individual pins via the Rich Text component is difficult.
The most practical solution is still to rely on the title attribute ,
but you need to be cautious with translators since they can modify the title text.
2 Likes
/Map Marker - Color/
[title*=“ACTIVE”] > svg > path {
fill: #00C853;
}
[title*=“INACTIVE”] > svg > path {
fill: #FF1744;
} ended up going with this, very simple and works perfectly fine, obviously adjust active and inactive to whatever you’re filtering by in your title!
It’s better not to add an asterisk to your title attribute, in order to avoid affecting other elements that may have the same attribute. Alternatively, you can add a custom class in front of it to specifically target and ensure it only applies to the map.
3 Likes
Forgot about the custom class, need the * cause I needed to include other info that’s not consistent in the title. Thanks!
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.