[DiagramComponent] Don't draw grid lines outside the page

Hi,


Is it possible to deactivate the grid lines outside of a page? In the page the grid lines should be displayed. Outside the page should only be white.

<SfDiagramComponent @ref="diagram" Width="100%" Height="800px" Nodes="nodeCollection">
    <PageSettings Height="300"
                  Width="300"
                  Orientation="PageOrientation.Portrait"
                  MultiplePage="false"
                  ShowPageBreaks="true"
                   BoundaryConstraints="BoundaryConstraints.Page">
        <BackgroundStyle Background="LightGreen" />
        <PageMargin Left="10" Top="10" Bottom="10" Right="10" />
    </PageSettings>
    <SnapSettings Constraints="SnapConstraints.All" GridType="GridType.Dots">
        </SnapSettings>
    <ContextMenuSettings Show="true"></ContextMenuSettings>
    </SfDiagramComponent>

3 Replies

SU Sumathi Uthayakumar Syncfusion Team March 22, 2024 09:00 AM UTC

Hi, 

Currently, we do not have provide support to update gridlines based on height and width of the page size. We have considered your requirement as a feature request and added it to our feature queue. We will implement this feature in any  of our upcoming releases.


Meanwhile, you can track the status of the feature using the below link.


Feedback Link:  Need to provide support to update gridlines based on page size in Blazor | Feedback Portal (syncfusion.com)


Regards,

Sumathi U.



DR DrOverflow March 22, 2024 04:53 PM UTC

Ok thank you.I hope for a quick implementation :-)



PR Preethi Rajakandham Syncfusion Team March 25, 2024 05:24 AM UTC

Hi,

You're welcome. 

You can communicate with us or track the status of the feature using the below feedback link.

Feedback portal URL: https://www.syncfusion.com/feedback/51994/need-to-provide-support-to-update-gridlines-based-on-page-size


Regards,

Preethi R


Loader.
Up arrow icon