IStyleSettings | marker.js 2 Class Reference

Describes customizable marker.js UI settings.

Hierarchy

IStyleSettings

Index

Properties

Optional canvasBackgroundColor

canvasBackgroundColor: string

Background color for the editor canvas when in popup mode.

Optional clearButtonVisible

clearButtonVisible: boolean

Is clear button visible?

since: 2.15.0

Optional closeButtonColor

closeButtonColor: string

Custom icon color for the close (cancel) toolbar button

Optional deleteButtonColor

deleteButtonColor: string

Custom icon color for the delete toolbar button

Optional hideToolbar

hideToolbar: boolean

If set to true, the toolbar is hidden.

Optional hideToolbox

hideToolbox: boolean

If set to true, the toolbox is hidden.

Optional logoPosition

logoPosition: "left" | "right"

Position logo in the free version on the bottom left or right of the marker area. Default - left.

since: 2.14.0

Optional notesAreaStyleClassName

notesAreaStyleClassName: string

CSS class name defining the visual style of the note editing text area.

since: 2.10.0

Optional notesButtonVisible

notesButtonVisible: boolean

Is notes button visible?

since: 2.10.0

Optional okButtonColor

okButtonColor: string

Custom icon color for the OK (render) toolbar button

Optional redoButtonVisible

redoButtonVisible: boolean

Is redo button visible?

since: 2.6.0

Optional resultButtonBlockVisible

resultButtonBlockVisible: boolean

Are render and close buttons visible?

since: 2.18.0

Optional selectButtonColor

selectButtonColor: string

Custom icon color for the select (pointer) toolbar button

Optional toolbarActiveButtonStyleColorsClassName

toolbarActiveButtonStyleColorsClassName: string

CSS class name defining the visual style of the active (selected) toolbar button.

Note: should only be used for colors and similar styles. Changing layout-related styles here can break the UI.

Optional toolbarBackgroundColor

toolbarBackgroundColor: string

Background color of the toolbar block.

Optional toolbarBackgroundHoverColor

toolbarBackgroundHoverColor: string

Background color of toolbar buttons on hover.

Optional toolbarButtonStyleColorsClassName

toolbarButtonStyleColorsClassName: string

CSS class name defining the visual style of the toolbar buttons.

Note: should only be used for colors and similar styles. Changing layout-related styles here can break the UI.

Optional toolbarColor

toolbarColor: string

Foreground color of toolbar icons.

Optional toolbarHeight

toolbarHeight: number

Base height of the toolbar block in pixels.

Optional toolbarOverflowBlockStyleColorsClassName

toolbarOverflowBlockStyleColorsClassName: string

CSS class name defining the visual style of the toolbar overflow block. Displayed when markers don't fit in the main toolbar block.

Note: should only be used for colors and similar styles. Changing layout-related styles here can break the UI.

Optional toolbarStyleColorsClassName

toolbarStyleColorsClassName: string

CSS class name defining the visual style of the toolbar block.

Note: should only be used for colors and similar styles. Changing layout-related styles here can break the UI.

Optional toolboxAccentColor

toolboxAccentColor: string

Accent color for selected toolbox objects.

Optional toolboxActiveButtonStyleColorsClassName

toolboxActiveButtonStyleColorsClassName: string

CSS class name defining the visual style of the active (selected) toolbox button.

Note: should only be used for colors and similar styles. Changing layout-related styles here can break the UI.

Optional toolboxBackgroundColor

toolboxBackgroundColor: string

Background color of the toolbox (property panel) block.

Optional toolboxButtonRowStyleColorsClassName

toolboxButtonRowStyleColorsClassName: string

CSS class name defining the visual style of the panel containing toolbox buttons. That is the top level panel with buttons switching active toolbox panels.

Note: should only be used for colors and similar styles. Changing layout-related styles here can break the UI.

Optional toolboxButtonStyleColorsClassName

toolboxButtonStyleColorsClassName: string

CSS class name defining the visual style of the toolbox buttons.

Note: should only be used for colors and similar styles. Changing layout-related styles here can break the UI.

Optional toolboxColor

toolboxColor: string

Foreground color of toolbox buttons and objects.

Optional toolboxPanelRowStyleColorsClassName

toolboxPanelRowStyleColorsClassName: string

CSS class name defining the visual style of the panel containing specific toolbox properties. This is the popup panel that opens when a toolbox button is pressed.

Note: should only be used for colors and similar styles. Changing layout-related styles here can break the UI.

Optional toolboxStyleColorsClassName

toolboxStyleColorsClassName: string

CSS class name defining the visual style of the toolbox (property panel) block.

Note: should only be used for colors and similar styles. Changing layout-related styles here can break the UI.

Optional undoButtonVisible

undoButtonVisible: boolean

Is undo button visible?

since: 2.6.0

Optional zIndex

zIndex: string

zIndex for the marker.js UI.

Defaults to 5 in inline mode and 1000 in popup mode.

since: 2.15.0

Optional zoomButtonVisible

zoomButtonVisible: boolean

Is zoom button visible?

since: 2.12.0

Optional zoomOutButtonVisible

zoomOutButtonVisible: boolean

Is zoom out button visible?

since: 2.13.0