We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Zoom state of document - fit one page / fit page width


In a document editor is it possible to control the zoom state of the displayed document.  The closest I have found is on the created event to set:

  EditorContainer.DocumentEditor.ZoomFactor = 0.30;

Ther are 2 problems with this:

1) It tells me that that this property should not be set outside of the component (it still works)

2) It does not allow me to set to "Fit One Page" or "Fit Page Width" as can be done through the UI. This is important because the ZoomFactor will depend on the size if the device being used, i.e. if viewed on mobile (Maui).

Any ideas?

Thank you

1 Reply

DS Dhanush Sekar Syncfusion Team December 22, 2022 03:33 AM UTC

Hi Ditchford,


You can scale the contents in Document Editor ranging from 10% to 500% of the actual size. You can achieve this using mouse or touch interactions. You can also use ‘ZoomFactor’ property of Document Editor instance. The value can be specified in a range from 0.1 to 5.

Documentation link : https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SfDocumentEditor.html#Syncfusion_Blazor_DocumentEditor_SfDocumentEditor_ZoomFactor


Apart from specifying the zoom factor as a value, the Document Editor provides the option to specify page fit options such as fit to full page or fit to page width. You can set this option using ‘FItPageAsync’ method of the Document Editor instance.

Documentation link : https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DocumentEditor.SfDocumentEditor.html#Syncfusion_Blazor_DocumentEditor_SfDocumentEditor_FitPageAsync_System_Nullable_Syncfusion_Blazor_DocumentEditor_PageFitType__


Dhanush Sekar

Live Chat Icon For mobile
Up arrow icon