Change background of basic shapes

[Anton]

I have stencils with basic shapes.

I want to add props panel, where i can chnage background for shape and border of predefined nodes.

I saw, that i can change color via style... but can i do it within ColorPicker?

[Karkuvel Rajan Shanmugavel]

Hi Anton, 

 

Requirement: Need to change the background color of the basic shapes. 

 

We have analyzed your requirement. We can change the background of the basic shapes with the ShapeStyle property. But we need some details to achieve your requirement. Please update the below required details. 

 

• We need to know whether you want to change the background color of the basic shape in stencil or you want to change the background color of the basic shape after drag and drop from stencil to diagram.

 

Regards, 

Karkuvel Rajan S 

[Anton]

I need change background color via ColorPicker after object is added to diagram.

And this color should save and restored correctly.

Assume that we have propertygrid for selected object in diagram and user can change color via this propertygrid

[Karkuvel Rajan Shanmugavel]

Hi Anton, 

 

Requirement: Need to change the background color of the basic shapes. 

 

Thanks for the update. We have prepared a simple sample for your requirement. In the sample we have used CustomNode to achive your requirement of change the fill and stroke color of the dragged node. Please find the sample link below. 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/169246/ze/Diagram_Node_Serialization1496976066 

 

Regards, 

Karkuvel Rajan S 

[Anton]

Thank you! As i see we can do this only with custom nodes...

[Karkuvel Rajan Shanmugavel]

Hi Anton, 

 

Requirement: Need to change the background color of the basic shapes. 

 

Thanks for the update. In our SfDiagram control, we have Shapestyle property for diagram elements to change its style. If you use default Node to change its fill or stroke color then you have to write new style for each and every time when the fill or stroke color gets changed. So only we have used custom node with FillColor and StrokeColor properties. Please confirm us if you need default Node then we will modify the already provided sample based on your requirement. 

 

Regards, 

Karkuvel Rajan S 

[Anton]

It will be great!

[Karkuvel Rajan Shanmugavel]

Hi Anton,                                                                                                                                             

 

Requirement: Need to change the background color of the basic shapes.  

 

Sorry for the inconvenience caused. 

 

We have tried to achieve your requirement with the default nodes. But when tried with default we have faced problem in serializing the Shapestyle and to display the background color in the PropertyGrid.  

 

• In our SfDiagram control, you cannot serialize Content, ContentTemplate, Shape, and ShapeStyle of each and every diagramming objects. If you want to preserve the ShapeStyle and ContentTemplate of diagramming objects, keep them in resources and apply once the diagramming objects are added to the Diagram page. To get the resource name we have to implement the custom properties in custom class derived from any of our SfDiagram’s interface.

 

• In PropertyGrid, while selecting node it will show only the properties of the item based on its type. When we use default node then it will not show the background color in colorpicker. It will show only the Shapestyle resource.

 

So, we have insist you to use the custom node to achieve your requirement. 

 

Regards, 

Karkuvel Rajan S