Blazor Diagram - Tutorial Videos

Learn how easily you can create and configure the Blazor Diagram component provided by Syncfusion. This video explains how to create a Blazor application and add the Syncfusion Blazor package. Then you'll see how to add the Syncfusion Blazor Diagram component to the Blazor server application. Finally, it shows you how to create a simple flowchart using nodes and connectors.

Learn how easily you can create a node and different node shapes in a Blazor Diagram. This video explains how to create a node programmatically and using the drawing tool. It also explains how to create different types of node shapes like text, image, path, HTML template, and SVG template.

Learn how easily you can create connectors and connect nodes in the Blazor Diagram component. This video explains how to create a connector programmatically and using the drawing tool. It also explains how to customize the connector using different segment types and decorator shapes.

Learn how easily you can group nodes and connectors in the Blazor Diagram Component. This video demonstrates how to group nodes programmatically and dynamically. It also shows how to update a node group and add annotations to it. Additionally, it shows how to create a nested group.

Learn how easily you can add annotations to nodes and connectors in a Blazor Diagram. This video demonstrates how to add annotations programmatically and dynamically. It also shows how to align them using Offset, Margin, Horizontal and Vertical Alignment properties. Additionally, it shows how to customize the appearance of annotations using text wrapping and font styles.

Learn how easily you can add ports to the nodes in a Blazor Diagram. This video demonstrates how to create and add ports to the nodes programmatically and dynamically. It also shows how to add multiple ports and update the properties of ports dynamically. Additionally, it shows how to customize the appearance and position of the ports and how to connect nodes using ports.

Learn how easily you can save and export a Blazor Diagram of Syncfusion. This video demonstrates how to save and load a Blazor diagram as a string and file stream. It also shows how to export a diagram in different file formats.

Learn how easily you can customize the Blazor diagram and its elements. This video demonstrates how to customize the diagram canvas page, display page breaks, and multiple pages on the canvas. It also shows how to customize the appearance and position of nodes and connectors. Additionally, it shows how to bridge connectors.

Learn how easily you can create a Symbol Palette and assign it to the Blazor Diagram Component. This video explains how to create and add basic shapes, flow shapes, and connectors to the Symbol Palette and draw a simple flow chart on the Diagram Component. It also explains how to customize expand and collapse modes in a palette and add descriptions to the symbols.

Learn how easily you can create and position an organizational chart using Blazor Diagram of Syncfusion. This video explains how to position the layout using horizontal and vertical spacing, orientation, sub-tree alignment, and assistant properties.

Learn how easily you can create a Mind map layout using the Blazor Diagram Component. This video explains how to create a Mind map layout and customize the nodes and connectors in the layout. It also explains how to align the layout using horizontal spacing, vertical spacing, and layout margin properties. Additionally, it explains how to expand/collapse child nodes.