Skip to main content
⚠️ Archived Version

You are viewing documentation for Design Editor version 7.3, which is no longer actively maintained. For the latest features and updates, please refer to the current version (7.4).

Interface: IHoverStyle

A structure defining the appearance of the object that the cursor is hovering over.

Example​

 "canvas": {
   "style": { 
     "hover": {
       "color": "gold",
       "width": 4,
       "fillColor": "rgba(255,192,0,0.3)",
       "dashPattern": [1, 1, 1, 10],
       "showLabel": false,
       "textStyle": "Italic Bold 14px Flomaster",
       "textColor": "rgb(192,128,0)"
     }
   }
 }

Properties​

color​

color: string

The color of the selection border, in the RGBA format. The default value is "rgba(255,0,0,1)".

width​

width: number

The selection border width, in pixels. The default value is 2.

fillColor​

fillColor: string

The fill color of the selection, in the RGBA format.

showLabel​

showLabel: boolean

If true, displays the design element name. The default value is true.

textStyle​

textStyle: string

The text style of the design element name. The default value is "normal 12px Roboto".

textColor​

textColor: string

The color of the design element name, in the RGBA format.

dashPattern​

dashPattern: number[]

The style of dashes of the selection border, as an array of numbers, which mean the length of the dash or gap in the dashed line.

Was this page helpful?