ASPxClientReportDesigner.CustomizeSaveDialog Event

Enables you to customize the Save dialog of the Web Report Designer.

Namespace: DevExpress.XtraReports.Web.Scripts

Assembly: DevExpress.XtraReports.v18.2.Web.Scripts.dll


public event ASPxClientReportDesignerCustomizeSaveDialogEventHandler CustomizeSaveDialog
Public Event CustomizeSaveDialog As ASPxClientReportDesignerCustomizeSaveDialogEventHandler

The Save dialog appears in the Web Report Designer on an attempt to close a report that has been changed.

Handle the CustomizeSaveDialog event to customize this dialog, for instance, as demonstrated in the example below.

<script type="text/javascript" id="script">
    function customizeSaveDialog(s, e) {
        e.Popup.title = "Save";
        var koUrl = ko.observable("");
        var model = {
            setUrl: function (url) {
            getUrl: function () {
                return koUrl();
            onShow: function (tab) { },
            popupButtons: [
                { toolbar: 'bottom', location: 'after', widget: 'button', options: {
                        text: 'Yes', onClick: function () {
                { toolbar: 'bottom', location: 'after', widget: 'button', options: {
                        text: 'No', onClick: function () {
        e.Customize("save-this", model)

<script type="text/html" id="save-this">
        <div>Do you want to save changes?</div>

<dx:ASPxReportDesigner ID="ASPxReportDesigner1" runat="server" ClientInstanceName="reportDesigner">
    <ClientSideEvents CustomizeSaveDialog="customizeSaveDialog"/>

See Also