Move SymbolHeight and SymbolWidth to SymbolPalettePalette in diagram


Please move the symbol height and width settings to the lower level. Currently, I am not able to set a different H/W for each tab. I tried to put two differnt SfSymbolPalettes, but it didn't work either.

<SfSymbolPalette id="palettes" Width="100%" Height="700px" SymbolHeight="30" SymbolWidth="200"
                             EnableAnimation="true" ExpandMode="@ExpandMode.Multiple" SymbolInfo="@SymbolInfo">
                <SymbolMargin Left="5" Right="5" Bottom="1" Top="1"></SymbolMargin>
                <SymbolPalettePalettes>
                    <SymbolPalettePalette Id="flowShapePalette" Expanded="true" Symbols="@FlowShapeList" IconCss="e-ddb-icons1 e-flow" Title="Flow Shapes" SymbolHeight="60" SymbolWidth="60">
                    </SymbolPalettePalette>
                    <SymbolPalettePalette Id="connectorPalette" Expanded="true" Symbols="@ConnectorList" IconCss="e-ddb-icons1 e-connector" Title="Connectors"  SymbolHeight="30" SymbolWidth="200">
                    </SymbolPalettePalette>
                </SymbolPalettePalettes>
            </SfSymbolPalette>

3 Replies

AR Aravind Ravi Syncfusion Team May 13, 2020 02:30 PM UTC

Hi Scott, 

Currently we does not have support to provide symbol height and symbol width for the individual symbol palettes. However, you can give individual height and width to the nodes in palette. For palette 1 nodes you define height and width as 100, 100. And for palette 2  nodes you can define the height and width as 50, 50 in node height and width property. Please find the below code snippet for how to set height and width for nodes. 

// Palette 1 Node symbols 

DiagramNode diagramNode = new DiagramNode() 
       
            Id = id, 
Height = 100, 
Width = 100, 
             
            Shape = new DiagramShape() { Type = DiagramShapes.Flow, FlowShape = FlowShapes.Process}, 
             
        }; 

//Palette 2 Node 

DiagramNode diagramNode = new DiagramNode() 
       
            Id = id, 
Height = 50, 
Width = 50, 
             
            Shape = new DiagramShape() { Type = DiagramShapes.Flow, FlowShape = FlowShapes.Process}, 
             
        }; 


Regards 
Aravind Ravi 



SP Scott Peal May 15, 2020 12:07 PM UTC

Thanks! I needed that. I confirmed your recommendations worked. 


AR Aravind Ravi Syncfusion Team May 15, 2020 02:23 PM UTC

Hi Scott, 

Thanks for your update 

Regards 
Aravind Ravi 


Loader.
Up arrow icon