How can i increase the Tooltip arrow as i marked in the screenshot? if option available please help me.
Hi Amruth,
If I am understanding your question correctly, you are asking how to make those pins on the map bigger.
You can find a property for this by checking layers.ui.marker.{instanceNumber}.icon.size. In that property you can adjust the height and width of those pins to make them bigger or smaller.
https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Map#PerspectiveMap-Properties
Not exactly the pins, i mean the arrow mark of the tool tip where it is pointed the pins.
you want it bigger and move the whole box i guess?
this css makes the marker bigger
.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before{zoom:2}
and this should offset the tooltip a bit, might need some other value depending on zoom and the offset you want
.leaflet-tooltip-left{margin-left:-20px}
.leaflet-tooltip-right{margin-left:20px}
.leaflet-tooltip-top{margin-top:-20px}
.leaflet-tooltip-bottom{margin-top:20px}
example zoom:10
margin:70
1 Like