Infobox Style
Customize infobox style in the Map Properties panel by changing its size, font style, and colors.
- Click the Infobox style button under General Setting of the Map Properties panel.
- A dialog box comes up and you can change the following properties:
Size
Change the size and padding of the infobox.
- You can choose from the 3 default sizes: Small (300 x 225px), Medium (400 x 300px) and Large (480 x 360px).
- You can enter your desired width and height in the Custom Value option.
- Checking the Auto checkbox to adapt the infobox size according to the content.
- Padding: Enter the padding value, which denotes the space between the infobox border and the content.
Font style
Change the typeface, size and the color of the infobox content.
- Font: Choose the typeface for the infobox content.
- Size: Enter or choose the size of the content.
- Color: Choose the color of the content. If you want to change the background color, please check the Color and Opacity settings.
Color and Opacity
Change the background color and opacity of the infobox.
- Color: Choose the background color of the infobox. If you want to change the font color, please change in the Font settings.
- Opacity: Change the opacity of the infobox by entering a number from 0 - 100. 0 (Zero) means fully transparent and 100 means fully opaque.
Border
Customize the border of the infobox with the following options.
- Style: We provide these line styles: solid, dashed and dotted. You can change to none if you don't need the borders.
- Width: Enter the width in pixel or select the width you want from the drop down menu.
- Color: Change the color of the infobox borders.
- Radius: Change the roundness of the corners of the infobox.
Shadow
Customize the shadow of the infobox with the following options.
| Item | Description |
|---|---|
| X-offset | The infobox shadow will move horizonatally in the number of pixels specified in the box. Positive values move the shadow to the right, while negative values move the shadow to the left. 
|
| Y-offset | The infobox shadow will move vertically in the number of pixels specified in the box. Positive values move the shadow to the bottom, while negative values move the shadow to the top. 
|
| Blur Radius | The strength of the blur effect around the infobox. |
| Spread Radius | Distance of the infobox shadow. |
| Color | Color of the infobox shadow. |
| Inner Shadow | Check this box if you want to display the shadow within the border of the infobox. 
|
Sensitivity
Select the sensitivity for handling the visibility of infobox.
- A Low setting allows focusing on the infobox content, such as selecting the text and clicking the links in the infobox content.
- A High setting prevents focusing on the infobox content. You can use this option if you have little or no content entered into the infobox.
[ Top of Page ]
