Customizing Zoom Levels in the Bold Reports Designer

In Bold Reports, users can customize the default zoom level in the Report Designer canvas to enhance the user experience when designing reports. By default, the zoom level is set to 100%, but it can be easily adjusted to a desired value using the Zoom Factor API. This article provides instructions on how to customize the zoom level in the Report Designer application.

Zoom Factor Values

The table below lists the zoom factor values and their corresponding zoom levels:

Default Value

The default zoom level is set to ej.ReportDesigner.ZoomFactor.Z_100 (100%).

Usage Example

Below is a code snippet demonstrating how to use the Zoom Factor API to set a specific zoom level for the Report Designer. In this example, the zoom level is set to 150% (Z_150):

<script type="text/javascript">
    $(function () {
        $("#designer").boldReportDesigner({
            serviceUrl: "https://demos.boldreports.com/services/api/ReportingAPI",
            zoomFactor: ej.ReportDesigner.ZoomFactor.Z_150
        });
    });
</script>

Output Snapshot

For further exploration, you can download the sample designer application.

Note: This feature is available in Bold Reports version 6.3.27 and later. If you are using an earlier version, upgrade to 6.3.27 or above to access this functionality.

Additional References

• Bold Reports Documentation
• Report Designer API