Skip to content

docs(Diagram): Add Diagram component documentation #3089

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 23 commits into from
Aug 4, 2025
Merged

docs(Diagram): Add Diagram component documentation #3089

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
9d4eb20
docs(Diagram): Add Diagram documentation
dimodi Jun 26, 2025
6a6d20d
docs(Diagram): Continued
dimodi Jun 27, 2025
4977fda
docs(Diagram): continued
dimodi Jun 30, 2025
9bb8925
docs(Diagram): continued
dimodi Jul 1, 2025
ada275f
docs(Diagram): Continued
dimodi Jul 2, 2025
ab7b99d
docs(Diagram): Continued
dimodi Jul 2, 2025
afe6e6c
docs(Diagram): Continued
dimodi Jul 2, 2025
28ed56d
docs(Diagram): continued
dimodi Jul 2, 2025
a693ce6
docs(Diagram): Continued
dimodi Jul 2, 2025
56637be
docs(Diagram): continued
dimodi Jul 2, 2025
f4d2c70
docs(Diagram): Continued
dimodi Jul 3, 2025
0fbf11f
docs(Diagram): Continued
dimodi Jul 3, 2025
50e9589
docs(Diagram): Continued
dimodi Jul 3, 2025
592beef
Update components/diagram/layouts.md
dimodi Jul 15, 2025
77245b8
Update components/diagram/layouts.md
dimodi Jul 15, 2025
218fcc7
Update components/diagram/shapes.md
dimodi Jul 15, 2025
be27013
Update components/diagram/layouts.md
dimodi Jul 15, 2025
fbd8662
Add Workflow shape types
dimodi Jul 25, 2025
ce9e304
Update components/diagram/overview.md
dimodi Jul 30, 2025
cc41d27
Add connector and handle information. Polish examples
dimodi Jul 30, 2025
c976317
Example and content polishing
dimodi Jul 31, 2025
835dd70
Improve visual examples
dimodi Jul 31, 2025
790abe7
Add CornerRadius and RelativePadding
dimodi Aug 1, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
docs(Diagram): Continued
  • Loading branch information
@dimodi
dimodi committed Jul 3, 2025
commit f4d2c70ff32512ce4fdefe16465a9c7e4f7facba
112 changes: 81 additions & 31 deletions components/diagram/layouts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -143,59 +143,109 @@ Layout Type:
<TelerikDiagram Zoom="0.5">
<DiagramLayout Type="@DiagramLayoutType" Subtype="@DiagramLayoutSubtype" />

<DiagramShapes>
<DiagramShapes>
<DiagramShape Id="shape1">
<DiagramShapeContent Text="1" />
<DiagramShapeContent Text="Root" />
<DiagramShapeFill Color="#000" />
</DiagramShape>
<DiagramShape Id="shape1-1">
<DiagramShapeContent Text="1-1" />
<DiagramShapeFill Color="#888" />
<DiagramShape Id="shape2">
<DiagramShapeContent Text="1" />
<DiagramShapeFill Color="#707070" />
</DiagramShape>
<DiagramShape Id="shape3">
<DiagramShapeContent Text="2" />
<DiagramShapeFill Color="#707070" />
</DiagramShape>
<DiagramShape Id="shape4">
<DiagramShapeContent Text="3" />
<DiagramShapeFill Color="#707070" />
</DiagramShape>
<DiagramShape Id="shape5">
<DiagramShapeContent Text="1-1" Color="#000" />
<DiagramShapeFill Color="#d0d0d0" />
</DiagramShape>
<DiagramShape Id="shape6">
<DiagramShapeContent Text="2-1" Color="#000" />
<DiagramShapeFill Color="#d0d0d0" />
</DiagramShape>
<DiagramShape Id="shape7">
<DiagramShapeContent Text="2-2" Color="#000" />
<DiagramShapeFill Color="#d0d0d0" />
</DiagramShape>
<DiagramShape Id="shape8">
<DiagramShapeContent Text="3-1" Color="#000" />
<DiagramShapeFill Color="#d0d0d0" />
</DiagramShape>
<DiagramShape Id="shape1-2">
<DiagramShapeContent Text="1-2" />
<DiagramShapeFill Color="#888" />
<DiagramShape Id="shape9">
<DiagramShapeContent Text="3-2" Color="#000" />
<DiagramShapeFill Color="#d0d0d0" />
</DiagramShape>
<DiagramShape Id="shape1-3">
<DiagramShapeContent Text="1-3" />
<DiagramShapeFill Color="#888" />
<DiagramShape Id="shape10">
<DiagramShapeContent Text="3-3" Color="#000" />
<DiagramShapeFill Color="#d0d0d0" />
</DiagramShape>
<DiagramShape Id="shape1-1-1">
<DiagramShape Id="shape11">
<DiagramShapeContent Text="1-1-1" Color="#000" />
<DiagramShapeFill Color="#fff" />
</DiagramShape>
<DiagramShape Id="shape1-2-1">
<DiagramShapeContent Text="1-2-1" Color="#000" />
<DiagramShape Id="shape12">
<DiagramShapeContent Text="1-1-2" Color="#000" />
<DiagramShapeFill Color="#fff" />
</DiagramShape>
<DiagramShape Id="shape13">
<DiagramShapeContent Text="1-1-3" Color="#000" />
<DiagramShapeFill Color="#fff" />
</DiagramShape>
<DiagramShape Id="shape14">
<DiagramShapeContent Text="2-1-1" Color="#000" />
<DiagramShapeFill Color="#fff" />
</DiagramShape>
<DiagramShape Id="shape1-2-2">
<DiagramShapeContent Text="1-2-2" Color="#000" />
<DiagramShape Id="shape15">
<DiagramShapeContent Text="2-1-2" Color="#000" />
<DiagramShapeFill Color="#fff" />
</DiagramShape>
<DiagramShape Id="shape1-3-1">
<DiagramShapeContent Text="1-3-1" Color="#000" />
<DiagramShape Id="shape16">
<DiagramShapeContent Text="2-2-1" Color="#000" />
<DiagramShapeFill Color="#fff" />
</DiagramShape>
<DiagramShape Id="shape1-3-2">
<DiagramShapeContent Text="1-3-2" Color="#000" />
<DiagramShape Id="shape17">
<DiagramShapeContent Text="2-2-2" Color="#000" />
<DiagramShapeFill Color="#fff" />
</DiagramShape>
<DiagramShape Id="shape1-3-3">
<DiagramShapeContent Text="1-3-3" Color="#000" />
<DiagramShape Id="shape18">
<DiagramShapeContent Text="3-1-1" Color="#000" />
<DiagramShapeFill Color="#fff" />
</DiagramShape>
<DiagramShape Id="shape19">
<DiagramShapeContent Text="3-2-1" Color="#000" />
<DiagramShapeFill Color="#fff" />
</DiagramShape>
<DiagramShape Id="shape20">
<DiagramShapeContent Text="3-3-1" Color="#000" />
<DiagramShapeFill Color="#fff" />
</DiagramShape>
</DiagramShapes>

<DiagramConnections>
<DiagramConnection FromId="shape1" ToId="shape1-1" />
<DiagramConnection FromId="shape1" ToId="shape1-2" />
<DiagramConnection FromId="shape1" ToId="shape1-3" />
<DiagramConnection FromId="shape1-1" ToId="shape1-1-1" />
<DiagramConnection FromId="shape1-2" ToId="shape1-2-1" />
<DiagramConnection FromId="shape1-2" ToId="shape1-2-2" />
<DiagramConnection FromId="shape1-3" ToId="shape1-3-1" />
<DiagramConnection FromId="shape1-3" ToId="shape1-3-2" />
<DiagramConnection FromId="shape1-3" ToId="shape1-3-3" />
<DiagramConnection FromId="shape1" ToId="shape2" />
<DiagramConnection FromId="shape1" ToId="shape3" />
<DiagramConnection FromId="shape1" ToId="shape4" />
<DiagramConnection FromId="shape2" ToId="shape5" />
<DiagramConnection FromId="shape3" ToId="shape6" />
<DiagramConnection FromId="shape3" ToId="shape7" />
<DiagramConnection FromId="shape4" ToId="shape8" />
<DiagramConnection FromId="shape4" ToId="shape9" />
<DiagramConnection FromId="shape4" ToId="shape10" />
<DiagramConnection FromId="shape5" ToId="shape11" />
<DiagramConnection FromId="shape5" ToId="shape12" />
<DiagramConnection FromId="shape5" ToId="shape13" />
<DiagramConnection FromId="shape6" ToId="shape14" />
<DiagramConnection FromId="shape6" ToId="shape15" />
<DiagramConnection FromId="shape7" ToId="shape16" />
<DiagramConnection FromId="shape7" ToId="shape17" />
<DiagramConnection FromId="shape8" ToId="shape18" />
<DiagramConnection FromId="shape9" ToId="shape19" />
<DiagramConnection FromId="shape10" ToId="shape20" />
</DiagramConnections>
</TelerikDiagram>

Expand Down
2 changes: 1 addition & 1 deletion components/diagram/shapes.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -232,7 +232,7 @@ To use a visual function:

<DiagramShapes>
<DiagramShape Id="shape1">
<DiagramShapeContent Template="Shape 1" />
<DiagramShapeContent Text="Shape 1" />
</DiagramShape>
<DiagramShape Id="shape2">
<DiagramShapeContent Text="Shape 2" />
Expand Down
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy