Skip to content

1007315: Symbol Palette Samples #74

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
KarkuvelRajan merged 1 commit into from
Feb 10, 2026
Merged

1007315: Symbol Palette Samples #74

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
24 changes: 12 additions & 12 deletions Diagram/Server/Pages/SymbolPalette/AddConnectorToSymbolPalette.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,23 +6,23 @@
<div class="control-section">
<div style="width:20%">
<div id="palette-space" class="sb-mobile-palette" style="border: 2px solid #b200ff">
<SfSymbolPaletteComponent @ref="@symbolpalette" Height="300px" Width="200px"
Palettes="@Palettes" SymbolHeight="60" SymbolWidth="100">
<SfSymbolPaletteComponent @ref="@_symbolPalette" Height="300px" Width="200px"
Palettes="@_palettes" SymbolHeight="60" SymbolWidth="100">
</SfSymbolPaletteComponent>
</div>
</div>
</div>

@code
{
//Reference the symbolpalette
private SfSymbolPaletteComponent symbolpalette;
//Define palattes collection
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
// Reference the symbolpalette
private SfSymbolPaletteComponent _symbolPalette;
// Define palattes collection
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
// Defines palette's flow-shape collection
private DiagramObjectCollection<NodeBase> PaletteNodes = new DiagramObjectCollection<NodeBase>();
private DiagramObjectCollection<NodeBase> _paletteNodes = new DiagramObjectCollection<NodeBase>();
// Defines palette's connector collection
private DiagramObjectCollection<NodeBase> PaletteConnectors = new DiagramObjectCollection<NodeBase>();
private DiagramObjectCollection<NodeBase> _paletteConnectors = new DiagramObjectCollection<NodeBase>();

protected override void OnInitialized()
{
Expand All @@ -31,11 +31,11 @@

private void InitPaletteModel()
{
PaletteConnectors = new DiagramObjectCollection<NodeBase>();
_paletteConnectors = new DiagramObjectCollection<NodeBase>();
CreatePaletteConnector("Link1", ConnectorSegmentType.Orthogonal, DecoratorShape.Arrow);
Palettes = new DiagramObjectCollection<Palette>()
_palettes = new DiagramObjectCollection<Palette>()
{
new Palette(){Symbols =PaletteConnectors,Title="Connectors" ,IsExpanded = true},
new Palette(){ Symbols = _paletteConnectors, Title = "Connectors" ,IsExpanded = true },
};
}

Expand All @@ -56,6 +56,6 @@
}
};

PaletteConnectors.Add(connector);
_paletteConnectors.Add(connector);
}
}
28 changes: 14 additions & 14 deletions Diagram/Server/Pages/SymbolPalette/AddGroupToPalette.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,29 +6,29 @@
<div class="control-section">
<div style="width:20%">
<div id="palette-space" class="sb-mobile-palette" style="border: 2px solid #b200ff">
<SfSymbolPaletteComponent @ref="@symbolpalette" Height="300px" Width="200px"
Palettes="@Palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@SymbolMargin">
<SfSymbolPaletteComponent @ref="@_symbolPalette" Height="300px" Width="200px"
Palettes="@_palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@_symbolMargin">
</SfSymbolPaletteComponent>
</div>
</div>
</div>

@code
{
//Define symbol margin
private SymbolMargin SymbolMargin = new SymbolMargin
// Define symbol margin
private SymbolMargin _symbolMargin = new SymbolMargin
{
Left = 15,
Right = 15,
Top = 15,
Bottom = 15
};
//Reference the symbol palette
private SfSymbolPaletteComponent symbolpalette;
//Define palattes collection
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
// Reference the symbol palette
private SfSymbolPaletteComponent _symbolPalette;
// Define palattes collection
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
// Defines palette's group collection
private DiagramObjectCollection<NodeBase> PaletteGroup = new DiagramObjectCollection<NodeBase>();
private DiagramObjectCollection<NodeBase> _paletteGroup = new DiagramObjectCollection<NodeBase>();

protected override void OnInitialized()
{
Expand All @@ -39,9 +39,9 @@
{
CreatePaletteGroup();

Palettes = new DiagramObjectCollection<Palette>()
_palettes = new DiagramObjectCollection<Palette>()
{
new Palette(){Symbols=PaletteGroup,Title="Group Shapes",IsExpanded=true}
new Palette(){ Symbols = _paletteGroup, Title = "Group Shapes", IsExpanded = true }
};
}

Expand All @@ -68,15 +68,15 @@
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Ellipse },
Style = new ShapeStyle() { Fill = "#6495ed" },
};
PaletteGroup.Add(node1);
PaletteGroup.Add(node2);
_paletteGroup.Add(node1);
_paletteGroup.Add(node2);

NodeGroup group = new NodeGroup()
{
ID = "group1",
Children = new string[] { "node1", "node2" }
};
PaletteGroup.Add(group);
_paletteGroup.Add(group);
}
}

30 changes: 15 additions & 15 deletions Diagram/Server/Pages/SymbolPalette/AddNodeToPalette.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@
<div class="control-section">
<div style="width:20%">
<div id="palette-space" class="sb-mobile-palette" style="border: 2px solid #b200ff">
<SfSymbolPaletteComponent @ref="@symbolpalette" Height="300px" Width="200px"
Palettes="@Palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@SymbolMargin">
<SfSymbolPaletteComponent @ref="@_symbolPalette" Height="300px" Width="200px"
Palettes="@_palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@_symbolMargin">
</SfSymbolPaletteComponent>
</div>
</div>
Expand All @@ -17,15 +17,15 @@

@code
{
//Reference the symbolpreview
private DiagramSize SymbolPreview;
//Define symbol margin
private SymbolMargin SymbolMargin = new SymbolMargin { Left = 15, Right = 15, Top = 15, Bottom = 15 };
private SfSymbolPaletteComponent symbolpalette;
//Define palattes collection
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
// Reference the symbolpreview
private DiagramSize _symbolPreview;
// Define symbol margin
private SymbolMargin _symbolMargin = new SymbolMargin { Left = 15, Right = 15, Top = 15, Bottom = 15 };
private SfSymbolPaletteComponent _symbolPalette;
// Define palattes collection
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
// Defines palette's flow-shape collection
private DiagramObjectCollection<NodeBase> PaletteNodes = new DiagramObjectCollection<NodeBase>();
private DiagramObjectCollection<NodeBase> _paletteNodes = new DiagramObjectCollection<NodeBase>();

protected override void OnInitialized()
{
Expand All @@ -34,14 +34,14 @@

private void InitPaletteModel()
{
Palettes = new DiagramObjectCollection<Palette>();
_palettes = new DiagramObjectCollection<Palette>();

PaletteNodes = new DiagramObjectCollection<NodeBase>();
_paletteNodes = new DiagramObjectCollection<NodeBase>();
CreatePaletteNode(NodeFlowShapes.Terminator, "Terminator");

Palettes = new DiagramObjectCollection<Palette>()
_palettes = new DiagramObjectCollection<Palette>()
{
new Palette(){Symbols =PaletteNodes,Title="Flow Shapes",ID="Flow Shapes" },
new Palette(){ Symbols = _paletteNodes, Title = "Flow Shapes", ID = "Flow Shapes" },
};
}

Expand All @@ -54,6 +54,6 @@
Shape = new FlowShape() { Type = NodeShapes.Flow, Shape = flowShape },
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" },
};
PaletteNodes.Add(node);
_paletteNodes.Add(node);
}
}
36 changes: 18 additions & 18 deletions Diagram/Server/Pages/SymbolPalette/AddPaletteToSymbolPalette.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,31 +6,31 @@
<div class="control-section">
<div style="width:20%">
<div id="palette-space" class="sb-mobile-palette" style="border: 2px solid #b200ff">
<SfSymbolPaletteComponent @ref="@SymbolPalette" Height="300px" Width="200px"
Palettes="@Palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@SymbolMargin">
<SfSymbolPaletteComponent @ref="@_symbolPalette" Height="300px" Width="200px"
Palettes="@_palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@_symbolMargin">
</SfSymbolPaletteComponent>
</div>
</div>
</div>

@code
{
private SymbolMargin SymbolMargin = new SymbolMargin
private SymbolMargin _symbolMargin = new SymbolMargin
{
Left = 15,
Right = 15,
Top = 15,
Bottom = 15
};
private SfSymbolPaletteComponent SymbolPalette;
//Define palettes collection.
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
private SfSymbolPaletteComponent _symbolPalette;
// Define palettes collection.
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
// Defines palette's flow-shape collection.
private DiagramObjectCollection<NodeBase> PaletteNodes = new DiagramObjectCollection<NodeBase>();
private DiagramObjectCollection<NodeBase> _paletteNodes = new DiagramObjectCollection<NodeBase>();
// Defines palette's group collection.
private DiagramObjectCollection<NodeBase> PaletteGroup = new DiagramObjectCollection<NodeBase>();
private DiagramObjectCollection<NodeBase> _paletteGroup = new DiagramObjectCollection<NodeBase>();
// Defines palette's connector collection.
private DiagramObjectCollection<NodeBase> PaletteConnectors = new DiagramObjectCollection<NodeBase>();
private DiagramObjectCollection<NodeBase> _paletteConnectors = new DiagramObjectCollection<NodeBase>();

protected override void OnInitialized()
{
Expand All @@ -42,11 +42,11 @@
CreatePaletteNode(NodeFlowShapes.Terminator, "Terminator");
CreatePaletteConnector("Link1", ConnectorSegmentType.Orthogonal, DecoratorShape.Arrow);
CreatePaletteGroup();
Palettes = new DiagramObjectCollection<Palette>()
_palettes = new DiagramObjectCollection<Palette>()
{
new Palette(){Symbols = PaletteNodes,Title = "Flow Shapes", ID = "Flow Shapes" },
new Palette(){Symbols = PaletteConnectors,Title = "Connectors", IsExpanded = true},
new Palette(){Symbols = PaletteGroup,Title = "Group Shapes", IsExpanded = true}
new Palette(){ Symbols = _paletteNodes, Title = "Flow Shapes", ID = "Flow Shapes" },
new Palette(){ Symbols = _paletteConnectors, Title = "Connectors", IsExpanded = true },
new Palette(){ Symbols = _paletteGroup, Title = "Group Shapes", IsExpanded = true }
};
}

Expand All @@ -58,7 +58,7 @@
Shape = new FlowShape() { Type = NodeShapes.Flow, Shape = flowShape },
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" },
};
PaletteNodes.Add(node);
_paletteNodes.Add(node);
}

private void CreatePaletteConnector(string id, ConnectorSegmentType type, DecoratorShape decoratorShape)
Expand All @@ -76,7 +76,7 @@
Style = new ShapeStyle() { StrokeColor = "#757575", Fill = "#757575" }
}
};
PaletteConnectors.Add(connector);
_paletteConnectors.Add(connector);
}

private void CreatePaletteGroup()
Expand All @@ -101,13 +101,13 @@
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Ellipse },
Style = new ShapeStyle() { Fill = "#6495ed" },
};
PaletteGroup.Add(node1);
PaletteGroup.Add(node2);
_paletteGroup.Add(node1);
_paletteGroup.Add(node2);
NodeGroup group = new NodeGroup()
{
ID = "group1",
Children = new string[] { "node1", "node2" }
};
PaletteGroup.Add(group);
_paletteGroup.Add(group);
}
}
34 changes: 17 additions & 17 deletions Diagram/Server/Pages/SymbolPalette/AddRemovePaletteAtRuntime.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@
<div class="control-section">
<div style="width:20%">
<div id="palette-space" class="sb-mobile-palette" style="border: 2px solid #b200ff">
<SfSymbolPaletteComponent @ref="@symbolpalette" Height="300px" Width="200px"
Palettes="@Palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@SymbolMargin">
<SfSymbolPaletteComponent @ref="@_symbolPalette" Height="300px" Width="200px"
Palettes="@_palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@_symbolMargin">
</SfSymbolPaletteComponent>
</div>
</div>
Expand All @@ -20,15 +20,15 @@

@code
{
//Reference the symbolpreview
private DiagramSize SymbolPreview;
//Define symbol margin
private SymbolMargin SymbolMargin = new SymbolMargin { Left = 15, Right = 15, Top = 15, Bottom = 15 };
private SfSymbolPaletteComponent symbolpalette;
//Define palattes collection
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
// Reference the symbolpreview
private DiagramSize _symbolPreview;
// Define symbol margin
private SymbolMargin _symbolMargin = new SymbolMargin { Left = 15, Right = 15, Top = 15, Bottom = 15 };
private SfSymbolPaletteComponent _symbolPalette;
// Define palattes collection
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
// Defines palette's flow-shape collection
private DiagramObjectCollection<NodeBase> PaletteNodes = new DiagramObjectCollection<NodeBase>();
private DiagramObjectCollection<NodeBase> _paletteNodes = new DiagramObjectCollection<NodeBase>();

protected override void OnInitialized()
{
Expand All @@ -37,14 +37,14 @@

private void InitPaletteModel()
{
Palettes = new DiagramObjectCollection<Palette>();
_palettes = new DiagramObjectCollection<Palette>();

PaletteNodes = new DiagramObjectCollection<NodeBase>();
_paletteNodes = new DiagramObjectCollection<NodeBase>();
CreatePaletteNode(NodeFlowShapes.Terminator, "Terminator");

Palettes = new DiagramObjectCollection<Palette>()
_palettes = new DiagramObjectCollection<Palette>()
{
new Palette(){Symbols =PaletteNodes,Title="Flow Shapes",ID="Flow Shapes" },
new Palette(){ Symbols = _paletteNodes, Title = "Flow Shapes", ID = "Flow Shapes" },
};
}

Expand All @@ -57,7 +57,7 @@
Shape = new FlowShape() { Type = NodeShapes.Flow, Shape = flowShape },
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" },
};
PaletteNodes.Add(node);
_paletteNodes.Add(node);
}

private void AddPalette()
Expand All @@ -73,11 +73,11 @@
{
new Palette(){Symbols = newNodes,Title = "BasicShapes",ID = "BasicShapes" },
};
symbolpalette.AddPalettes(newPalettes);
_symbolPalette.AddPalettes(newPalettes);
}

private void RemovePalette()
{
symbolpalette.RemovePalettes("BasicShapes");
_symbolPalette.RemovePalettes("BasicShapes");
}
}
Loading