Hello,
I've used the demo code from "https://blazor.syncfusion.com/demos/diagramcomponent/flowchart?".The only modification was to add the "rotation" property as follows:
private void CreatePaletteNode(NodeFlowShapes flowShape, string id)
{
Node diagramNode = new Node()
{
ID = id,
RotationAngle = 80, // Rotation works only on drawing area, on palette the rotation angle is 0
OffsetX = 18, // Both OffsetX and
OffsetY have no affect on Palette
OffsetY = 10,
Shape = new FlowShape() { Type = Syncfusion.Blazor.Diagram.NodeShapes.Flow, Shape = flowShape },
Style = new ShapeStyle() { StrokeColor = "#757575", StrokeWidth = 1 },
};
if (id == "Terminator" ||id == "Process")
{
diagramNode.Width = 80;
diagramNode.Height = 40;
}
else if (id == "Decision"|| id == "Document" || id == "PreDefined Process" ||
id == "Punched Tape" || id == "Direct Data" || id == "MultiDocument" || id == "Data")
{
diagramNode.Width = 50;
diagramNode.Height = 40;
}
else
{
diagramNode.Width = 30;
diagramNode.Height = 30;
}
double oldWidth = Convert.ToDouble(diagramNode.Width);
double oldHeight = Convert.ToDouble(diagramNode.Height);
double ratio = 100 / oldWidth;
diagramNode.Width = 100;
diagramNode.Height *= ratio;
flowShapeSymbols.Add(diagramNode);
}
The Rotation property works fine when dragging a node from palette to the drawing area, but on Symbol Palette are shown with out any rotation.
Thanks,
Bill
