Vue Menu - showFirstSubmenuMode

Specifies properties for showing and hiding the first level submenu.

Type:

Object

|

String

Default Value: { name: 'onClick', delay: { show: 50, hide: 300 } }
Accepted Values: 'onClick' | 'onHover'

If you assign a string that specifies the mode name to this property, the UI component will use the default delay value.

JavaScript
showFirstSubmenuMode: "onHover"

Use the ShowSubmenuMode enum to specify this property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: OnHover and OnClick.

View Demo

delay

Specifies the delay in submenu showing and hiding.

Type:

Object

|

Number

Default Value: { show: 50, hide: 300 }

Passing a number to this property is the same as passing an object whose show and hide fields hold equal values. For example, the following ways to specify the delay are identical.

JavaScript
//number
delay: 300

//object
delay: {
    show: 300,
    hide: 300
}

name

Specifies the mode name.

Type:

String

Default Value: 'onClick'
Accepted Values: 'onClick' | 'onHover'

Use the ShowSubmenuMode enum to specify this property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: OnHover and OnClick.