DevExtreme jQuery - Hide the Pane
The pane is the element that lies under the loading indicator and text.
The pane is shown by default. To hide it, assign false to the showPane option.
jQuery
JavaScript
$(function() { $("#loadPanelContainer").dxLoadPanel({ closeOnOutsideClick: true, showPane: false }); $("#buttonContainer").dxButton({ text: "Show the Load Panel", onClick: function () { $("#loadPanelContainer").dxLoadPanel("show"); } }); });
Angular
HTML
TypeScript
<dx-load-panel [closeOnOutsideClick]="true" [(visible)]="isLoadPanelVisible" [showPane]="false"> </dx-load-panel> <dx-button text="Show the Load Panel" (onClick)="isLoadPanelVisible = true"> </dx-button>
import { DxLoadPanelModule, DxButtonModule } from "devextreme-angular"; // ... export class AppComponent { isLoadPanelVisible: boolean = false; } @NgModule({ imports: [ // ... DxLoadPanelModule, DxButtonModule ], // ... })
See Also
Feedback