Custom map pins: Difference between revisions

Jump to navigation Jump to search
No edit summary
Line 28: Line 28:
In this example, we add custom map pins for the account entity and differentiate between the active and inactive accounts.
In this example, we add custom map pins for the account entity and differentiate between the active and inactive accounts.


First, we have to define the style for the map pin. Go to the Account entity and open a view used in the map. In the style editor, click '''Add''' while ImageCellStyle is selected. This creates a new child style. We name it MapPin. The format string is defined as follows: ''Map_pins.{0}.png''. Map_pins describes the folder where the map pin images are stored. The following .{0} represents the value. This is a placeholder for the map pin types mentioned above. It's either for Value or Raw Value.
First, we have to define the style for the map pin.
# Go to the Account entity and open a view used in the map.
# In the style editor, click '''Add''' while ImageCellStyle is selected. This creates a new child style. We name it "MapPin".
# The format string is defined as follows: ''Map_pins.{0}.png''.
#: "Map_pins" refers to the folder where the map pin images are stored.
#: The following part ".{0}" represents the value. This is a placeholder for the map pin types mentioned above. It's either for Value or Raw Value.
 
{{Note|Styles are global; you can use this style also for other pins on different views.}}


[[File:Mappin style.PNG|alt=Style we define for the custom map pins|600px]]
[[File:Mappin style.PNG|alt=Style we define for the custom map pins|600px]]


The next step is to add the map pin to the view. Click '''Add Map Pin'''. As a type, we select Raw Value. As we want to differentiate the records by their status code, set the field as statuscode. As a style, select the MapPin.
The next step is to add the map pin to the view.
# Click '''Add Map Pin''' and click the pin.
# Set '''Type''' to "Raw Value".
# We want to differentiate the records by their status code. Therefore, set '''Field''' to "statuscode".
# Set '''Style''' to "MapPin".


[[File:Configure mappin.PNG|alt=configure map pin window Raw value]]
[[File:Configure mappin.PNG|alt=configure map pin window Raw value]]


The last thing we have to set up is the images. Go to Images and create a new folder Map_pins. Upload two images representing the map pins. The name of the Images should be the logical value for the respective status code. In our use-case, 0 is for active and 1 is for inactive.
The last thing we have to set up is the images.
# Go to Images and create a new folder "Map_pins".
# Upload two images representing the map pins. The name of the Images should be the logical value for the respective status code. In our use-case, "0" is for active and "1" is for inactive.


[[File:Map pins in the images.PNG|alt=upladed map pins in the images folder]]
[[File:Map pins in the images.PNG|alt=upladed map pins in the images folder]]

Navigation menu