66<div class =" control-section" >
77 <div style =" width :20% ;" >
88 <div id =" palette-space" class =" sb-mobile-palette" style =" border : 2px solid #b200ff " >
9- <SfSymbolPaletteComponent @ref =" @symbolpalette " Height =" 300px" Width =" 200px"
10- Palettes =" @Palettes " SymbolHeight =" 60" SymbolWidth =" 60" SymbolMargin =" @SymbolMargin " >
9+ <SfSymbolPaletteComponent @ref =" _symbolPalette " Height =" 300px" Width =" 200px"
10+ Palettes =" @_palettes " SymbolHeight =" 60" SymbolWidth =" 60" SymbolMargin =" @_symbolMargin " >
1111 </SfSymbolPaletteComponent >
1212 </div >
1313 </div >
1414</div >
1515
1616@code
1717{
18- // Reference the symbolpreview .
19- private DiagramSize SymbolPreview ;
20- // Define symbol margin.
21- private SymbolMargin SymbolMargin = new SymbolMargin { Left = 15 , Right = 15 , Top = 15 , Bottom = 15 };
22- private SfSymbolPaletteComponent symbolpalette ;
23- // Define palattes collection.
24- private DiagramObjectCollection <Palette > Palettes = new DiagramObjectCollection <Palette >();
18+ // Reference the symbol preview .
19+ private DiagramSize _symbolPreview ;
20+ // Define symbol margin.
21+ private SymbolMargin _symbolMargin = new SymbolMargin { Left = 15 , Right = 15 , Top = 15 , Bottom = 15 };
22+ private SfSymbolPaletteComponent _symbolPalette ;
23+ // Define palettes collection.
24+ private DiagramObjectCollection <Palette > _palettes = new DiagramObjectCollection <Palette >();
2525 // Defines palette's swimlane-shape collection.
26- private DiagramObjectCollection <NodeBase > SwimlaneNodes = new DiagramObjectCollection <NodeBase >();
26+ private DiagramObjectCollection <NodeBase > _swimlaneNodes = new DiagramObjectCollection <NodeBase >();
2727
2828 protected override void OnInitialized ()
2929 {
3232
3333 private void InitPaletteModel ()
3434 {
35- Palettes = new DiagramObjectCollection <Palette >();
36- SwimlaneNodes = new DiagramObjectCollection <NodeBase >();
35+ _palettes = new DiagramObjectCollection <Palette >();
36+ _swimlaneNodes = new DiagramObjectCollection <NodeBase >();
3737 // create a horizontal phase.
3838 Phase horizontalPhase = new Phase () { ID = " HorizontalPhase" , Orientation = Orientation .Horizontal , Width = 80 , Height = 1 , Style = new ShapeStyle () { Fill = " #5b9bd5" , StrokeColor = " #5b9bd5" } };
3939 // create a vertical phase.
4040 Phase verticalPhase = new Phase () { ID = " VerticalPhase" , Orientation = Orientation .Vertical , Width = 1 , Height = 80 , Style = new ShapeStyle () { Fill = " #5b9bd5" , StrokeColor = " #5b9bd5" } };
4141
42- SwimlaneNodes = new DiagramObjectCollection <NodeBase >()
42+ _swimlaneNodes = new DiagramObjectCollection <NodeBase >()
4343 {
4444 horizontalPhase ,
4545 verticalPhase
4646 };
4747
48- Palettes = new DiagramObjectCollection <Palette >()
48+ _palettes = new DiagramObjectCollection <Palette >()
4949 {
50- new Palette (){ Symbols = SwimlaneNodes , Title = " Swimlane Shapes" ,ID = " SwimlaneShapes" },
50+ new Palette () { Symbols = _swimlaneNodes , Title = " Swimlane Shapes" , ID = " SwimlaneShapes" },
5151 };
5252 }
5353}
0 commit comments