All docs
V20.2
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
Vue

showSubmenuMode

Specifies properties of submenu showing and hiding.

Type:

Object

|

String

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

By default, the secondary-level submenus of the Menu UI component are displayed on the same event as the first-level submenu. To set another event for displaying secondary-level submenus, use the showSubmenuMode property. Alternatively, you can change the event on which the first-level submenu is displayed. For this purpose, use the showFirstSubmenuMode property.

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.

delay

Specifies the delay of submenu show and hiding.

Type:

Object

|

Number

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

name

Specifies the mode name.

Type:

String

Default Value: 'onHover'
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.