Bold Reports FAQ

How to have the save alone with report designer?

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

2. Use the toolbarRendering and toolbarClick event to use our custom save button along with save option.

You can refer 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>