Vue Menu - showFirstSubmenuMode

Specifies options 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 option, the widget will use the default delay value.

JavaScript
showFirstSubmenuMode: "onHover"

Use the ShowSubmenuMode enum to specify this option when the widget 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 option 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 option when the widget 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.