Active labels

Active labels provide interactive hotspot functionality that allows users to click on specific points to reveal additional information. These clickable elements appear as plus icons that, when activated, display pop-up windows containing detailed content about specific elements or topics.

Style settings

Property	Description
Image
Rounding	Rounding of the pop-up message
Display border	Border for the section containing active labels
Label
Border color	Set the color for the border around labels
Border thickness	Adjust the thickness of the label border
Background image (all labels)	Upload a custom background image for all labels
Background color	Select label background color
Height	Set the label icon height in pixels
Width	Set the label icon width in pixels
Background color	Color of the active label when it is clicked
Hover color	Define the color that appears when users hover over labels
Pop-up window
Background color	Select the pop-up window background color
Display switcher	Toggle navigation controls visibility (Yes/No)
Image shadow	Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro.
Animation
Smooth appearance	Enable smooth transition animations (Yes/No)
Label pulsation	Add pulsating effect to highlight labels (Yes/No)

Typography settings

The Typography tab allows you to configure text styles for different list elements:

• Numbering. Configure the appearance of numerical markers in ordered lists. Adjust font, style, size, line spacing, and color of numbers.

• Switch. Configure the typography for the Switch element. Adjust font, style, size, line spacing, and color.

• Rich-text options. Apply specific formatting to selected text within list items. Changes made here affect only the text in the Active label element:

  • Basic

  • Headings

  • Caption

  • List

  • Quote

  • Link

  For details on how to configure parameters in rich-text options, see Typography and fonts.