Page Settings in ASP.NET Core Diagram Component
18 Nov 20181 minute to read
Page settings can customize the appearance, width, and height of the diagram page.
Page size and appearance
-
The size and appearance of the diagram pages can be customized with the page settings property.
-
The
widthandheightproperties of page settings define the size of the page and based on the size, theorientationwill be set for the page. In addition to that, the appearance of the page can be customized withsourceand set of appearance specific properties. -
The
colorproperty is used to customize the background color and border color of the page. -
The
marginproperty is used to define the page margin. -
To explore those properties, refer to
Page Settings.
Set background image
Stretch and align the background image anywhere over the diagram area. The source property of background allows to set the path of the image. The scale and the align properties help to stretch/align the background images.
Multiple page and page breaks
When multiple page is enabled, the size of the page dynamically increases or decreases in multiples of page width and height and completely fits diagram within the page boundaries. Page breaks is used as a visual guide to see how pages are split into multiple pages.
The multiplePage and showPageBreak properties of page settings allows you to enable/disable multiple pages and page breaks respectively.
Boundary constraints
The diagram provides support to restrict/customize the interactive region, out of which the elements cannot be dragged, resized, or rotated. The boundaryConstraints property of page settings allows you to customize the interactive region. To explore the boundary constraints, refer to Boundary Constraints.