jQuery/JS Common - Utils - ui - Overlay

An object that serves as a namespace for static methods that affect overlay UI components.

baseZIndex(zIndex)

Specifies the base z-index for all overlay UI components.

import { baseZIndex } from "devextreme/ui/overlay"
Parameters:
zIndex:

Number

The z-index value.

The z-index of all overlay UI components located on a page is calculated based on the value passed to this method. Since an overlay UI component is added, its z-index is increased by one relative to a previously added overlay UI component.

The following example demonstrates how to call the method.

jQuery
index.js
DevExpress.ui.dxOverlay.baseZIndex(2000);
// ===== or when using modules =====
import { baseZIndex } from 'devextreme/ui/overlay';
baseZIndex(2000);
Angular
app.component.ts
import { baseZIndex } from 'devextreme/ui/overlay';
baseZIndex(2000);
Vue
App.vue
import { baseZIndex } from 'devextreme/ui/overlay';
baseZIndex(2000);
React
App.js
import { baseZIndex } from 'devextreme/ui/overlay';
baseZIndex(2000);

By default, the base z-index for all overlay UI components except Toast is 1500.

NOTE
The base z-index for Toast UI components is greater than the value specified by this method by 8000. For example, if you pass 2000 to the baseZIndex method, the Toast base z-index is 10000.

The method affects the following UI components.