Diagram pallete node fit feature not working

[Scott Peal]

The fit feature is not working to keep the locked ratio of the node inside the pallete. 

https://blazor.syncfusion.com/documentation/diagram/symbol-palette/

[Aravind Ravi]

Hi Scott, 

 

We are unable to reproduce the reported issue at our end. The fit option in the symbol palette is used to fit the shape inside the given shape size. We have attached a sample for your reference. Please find the sample in below link 

 

Sample: https://www.syncfusion.com/downloads/support/forum/157557/ze/Palette-Fit-1501108188 

 

If we misunderstood your requirement, please share us more details or your requirement or any video demonstration of your requirement. This will help us to proceed further. 

 

Regards 

Aravind Ravi 

[Scott Peal]

UPDATE:

I figured out the BPMN, but would be nice to add it to the pallete demo. It would help if two basic shapes were added to the collection; square and circle. They would have their aspect ratios automatically locked. This way when we set a pallete height/width property they will show correctly in the pallete. I thought that was what fit was for, but now I am not sure what it is for. Thanks

-------------------

Hello,

What I am trying to do is have a pallete with a circle, ellipse, square, and rectangle. How do we show all of those inside the pallete with the correct aspect ratio. If I set the width, the circle and ellipse look the same. When I drag and drop the circle, they appear on the diagram as ellipses. 

Also, the pallete demo does not show how to put BPMN shapes into the pallete. I tried to use a start event, which is what I needed, but couldn't figure it out.  https://blazor.syncfusion.com/demos/diagram/symbol-palette?theme=bootstrap4

Thanks for the help.

[Aravind Ravi]

Hi Scott, 

 

We have created a sample to show BPMN shapes on the palette. The fit option in symbol palette is used to fit the symbol inside given height and width. If you want to show the ellipse as ellipse in symbol palette means then does not set symbolwidth and symbolheight in the Symbolpalette and set height , width for the ellipse shape as 50, 80. So that it looks like ellipse in the palette and while drag and drop in the diagram also it looks like ellipse and while resize the ellipse if you want to resize as AspectRatio means then set node constraints as AspectRatio. Please refer below code snippet 

 

new DiagramNode() 

                { 

                Id = "Ellipse", 

                Constraints = NodeConstraints.Default | NodeConstraints.AspectRatio, 

                Height = 50, Width = 80, 

                Shape = new DiagramShape() { Type = Shapes.Basic, BasicShape = Syncfusion.Blazor.Diagrams.BasicShapes.Ellipse }, 

                

                }, 

 

We have attached a sample to show symbol palette with BPMN shapes. Please refer sample in below link 

 

Sample: https://www.syncfusion.com/downloads/support/forum/157557/ze/Palette-Event1228574634 

 

Regards 

Aravind Ravi 

[Scott Peal]

You rock! Thanks again!

Please consider adding the sample to the online demo to help others.

[Aravind Ravi]

Hi Scott, 

We have already have online sample for how to do resize the node based on Aspect ratio . Please find the sample in below link 

Sample: https://blazor.syncfusion.com/demos/diagram/nodes?theme=bootstrap4 

Regards 

Aravind Ravi