864801: ImageAdded

UG-Samples/DataBinding/GraphQLAdaptor-Binding-Blazor-Diagram/BlazorApplication/BlazorApplication/Pages/Index.razor

@@ -8,8 +8,8 @@
 
 <div class="content-wrapper" style="width:100%">
     <div>
-        <SfDiagramComponent @ref="@diagram"  Height="400px" Created="OnCreated" InteractionController="@DiagramInteractions.ZoomPan" 
-                            NodeCreating="OnNodeCreating" ConnectorCreating="OnConnectorCreating" SetNodeTemplate="SetTemplate">
+        <SfDiagramComponent @ref="@diagram"  Height="400px" InteractionController="@DiagramInteractions.ZoomPan" 
+                            NodeCreating="OnNodeCreating" ConnectorCreating="OnConnectorCreating" >
             <DataSourceSettings Id="OrderID" ParentId="CustomerID">
             <SfDataManager Url="https://localhost:7131/graphql" GraphQLAdaptorOptions=@adaptorOptions Adaptor="Adaptors.GraphQLAdaptor"></SfDataManager>
             </DataSourceSettings>
@@ -76,14 +76,6 @@
                 }
             };
 
-    }
-     @*Hidden:Lines*@
-    private void OnCreated()
-    {
-
-        FitOptions mobileoptions = new FitOptions() { Mode = FitMode.Both, Region = DiagramRegion.Content };
-        diagram.FitToPage(mobileoptions);
-
     }
     @*End:Hidden*@
     private void OnConnectorCreating(IDiagramObject obj)
@@ -95,8 +87,4 @@
         connector.SourceDecorator.Shape = DecoratorShape.None;
         connector.Style = new ShapeStyle() { StrokeColor = "#3A4857", Fill = "#3A4857" };
     }
-    private CommonElement SetTemplate(IDiagramObject node)
-    {
-        return null;
-    }
 }

UG-Samples/DataBinding/GraphQLAdaptor-Binding-Blazor-Diagram/README.md

@@ -7,6 +7,9 @@ GraphQL is a query language for APIs with which you can get exactly what you nee
 1. First run the ASPNetCoreGraphQlServer application which is the GraphQL server.
 2. Now run the BlazorApplication in which data is bounded to the diagram component by using the DataManager's GraphQL adaptor.
 
+Please see the output image below.
+![GraphQLAdaptor-Binding-Blazor-Diagram](GraphQLAdaptor.png)
+
 ### Note
 
 You can run the GraphQL server using the Banana Cake Pop IDE, which you can download from [here](https://chillicream.com/products/bananacakepop/).