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:
Enum Key | Zoom Level Value | Description |
---|---|---|
ej.ReportDesigner.ZoomFactor.Z_25 | 25 | Sets the zoom level to 25%. |
ej.ReportDesigner.ZoomFactor.Z_50 | 50 | Sets the zoom level to 50%. |
ej.ReportDesigner.ZoomFactor.Z_75 | 75 | Sets the zoom level to 75%. |
ej.ReportDesigner.ZoomFactor.Z_100 | 100 | Sets the zoom level to 100%. |
ej.ReportDesigner.ZoomFactor.Z_150 | 150 | Sets the zoom level to 150%. |
ej.ReportDesigner.ZoomFactor.Z_200 | 200 | Sets the zoom level to 200%. |
ej.ReportDesigner.ZoomFactor.Z_250 | 250 | Sets the zoom level to 250%. |
ej.ReportDesigner.ZoomFactor.Z_300 | 300 | Sets the zoom level to 300%. |
ej.ReportDesigner.ZoomFactor.Z_350 | 350 | Sets the zoom level to 350%. |
ej.ReportDesigner.ZoomFactor.Z_400 | 400 | Sets the zoom level to 400%. |
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.