All docs
V24.2
24.2
24.1
23.2
23.1
22.2
22.1
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

jQuery/JS Common - Utils - ui - Methods

hideToasts()

Hides all the Toast components in the application.

import toast from "devextreme/ui/toast/hide_toasts"

The code below uses a Button to hide all the Toast components on click.

index.html
index.js
  • <div id="hide"></div>
  • $("#hide").dxButton({
  • text: "Hide all Toasts",
  • onClick() {
  • DevExpress.ui.hideToasts();
  • }
  • });