How to have the save alone with report designer

To have only a save button in the Bold Reports® Report Designer, hide the default save button with toolbarSettings and add a custom save button with the toolbarRendering and toolbarClick events. Follow these steps.

  1. Hide the save button from the designer using the toolbarSettings.

  2. Use the toolbarRendering and toolbarClick events to add a custom save button with the save option.

Refer to the following code snippet:

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        toolbarSettings: { items: ej.ReportDesigner.ToolbarItems.All & ~ej.ReportDesigner.ToolbarItems.Save },
          toolbarClick: function(args) {
            if ($(args.target).hasClass('e-rptdesigner-toolbarcontainer')) {
            var saveButton = ej.buildTag('li.e-rptdesigner-toolbarli e-designer-toolbar-align e-tooltxt', '', {}, {});
            var saveIcon = ej.buildTag('span.e-rptdesigner-toolbar-icon e-toolbarfonticonbasic e-rptdesigner-toolbar-save e-li-item', '', {}, { title: 'Save' });
            args.target.find('ul:first').append(saveButton.append(saveIcon));
        }
        },
         toolbarRendering: function(args) {
           if (args.click === 'Save') {
            var designer = $('#designer').data('boldReportDesigner');
            args.cancel = true;
            designer.saveReport();
        }
        }
    });
</script>

See also