IStyleSettings | CROPRO Class Reference

Describes customizable UI settings.

Hierarchy

IStyleSettings

Properties

Optional canvasBackgroundColor

canvasBackgroundColor: string

Background color for the editor canvas when in popup mode.

Optional cropFrameColor

cropFrameColor: string

Line color of the crop frame.

Optional cropShadeColor

cropShadeColor: string

Color of the crop shade (outside area).

Optional gripColor

gripColor: string

Outline color of the crop frame grips.

Optional gripFillColor

gripFillColor: string

Fill color of the crop frame grips.

Optional hideBottomToolbar

hideBottomToolbar: boolean

If set to true, the bottom toolbar is hidden.

Optional hideTopToolbar

hideTopToolbar: boolean

If set to true, the top toolbar is hidden.

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 toolbarBackgroundActiveColor

toolbarBackgroundActiveColor: string

Background color of active (pressed) toolbar buttons.

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 toolbarCloseButtonStyleColorsClassName

toolbarCloseButtonStyleColorsClassName: string

CSS class name defining the visual style of the close button.

Optional toolbarColor

toolbarColor: string

Foreground color of toolbar icons.

Optional toolbarDropdownStyleColorsClassName

toolbarDropdownStyleColorsClassName: string

CSS class name defining the visual style of the dropdown portion of a dropdown toolbar button.

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

Optional toolbarHeight

toolbarHeight: number

Base height of the toolbar block in pixels.

Optional toolbarOkButtonStyleColorsClassName

toolbarOkButtonStyleColorsClassName: string

CSS class name defining the visual style of the OK button.

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 toolbarStraightenerColorsClassName

toolbarStraightenerColorsClassName: string

CSS class name defining the visual style of the straightening control.

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 zIndex

zIndex: string

zIndex for the CROPRO UI.

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

since: 1.2.0