Diagram grid not always loading

Hi,

In my blazor component I have a SF Diagram.
The Diagram SymbolPallete is loading fine, but the grid of the SFDiagram pane is not alway's loading.
Is this because of settings?
I uploaded my Blazor component code.

Please help me out,
Thanks

Attachment: AnnexC_17831d29.rar

3 Replies 1 reply marked as answer

GG Gowtham Gunashekar Syncfusion Team January 27, 2021 01:52 PM UTC

Hi Joost, 
 
On our further analysis, we request you to clarify one thing, do you face difficulties in diagram side or grid side. Can you please explain the sentence “grid of the SFDiagram pane is not alway's loading”, wheter the grid of the diagram is not loading or the grid component is not loading. Can you please share the video demonstration or runnable sample to the replicate the issue that would be help us to proceed further.  
 
Regards, 
Gowtham 



JM Joost Molenaar replied to Gowtham Gunashekar January 27, 2021 02:49 PM UTC

Hi Joost, 
 
On our further analysis, we request you to clarify one thing, do you face difficulties in diagram side or grid side. Can you please explain the sentence “grid of the SFDiagram pane is not alway's loading”, wheter the grid of the diagram is not loading or the grid component is not loading. Can you please share the video demonstration or runnable sample to the replicate the issue that would be help us to proceed further.  
 
Regards, 
Gowtham 


Hi Gowtham,

I included a image of a partial drawn background grid!



Attachment: Diagram_grid_not_completely_drawn_dcd04e46.rar


GG Gowtham Gunashekar Syncfusion Team January 28, 2021 09:16 AM UTC

Hi Joost 
  
On our further analysis, we suspect that you have set diagram’s width and height as “100%”, it leads to the grid lines exist for the only the place where the diagram content exist. We suggest you to set the width as ”800px” and height as ”600px” or set the as per your requirement. 
 
Code snippet: 
  <SfDiagram Height="600px%" Width="800px" 
                               Nodes="@NodeCollection" 
                               Connectors="@ConnectorCollection" 
                               NodeDefaults="@NodeDefaults" 
                               ConnectorDefaults="@ConnectorDefaults" 
                               @onkeyup="@OnDiagramFocusOut" 
                               @ref="@Diagram"> 
 
 
Regards,  
Gowtham 
 


Marked as answer
Loader.
Up arrow icon