We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to draw a custom flow graphic? urgently for the answer.

How to draw a custom flow graphic? urgently for the answer. My expectation flow graphic is as my attachment file. So I am highly appreaciting if any one give some sample application and help me to draw it.

Thanks,



Flow.zip

5 Replies

BP Bhuvaneswari P Syncfusion Team January 2, 2008 03:54 PM UTC

Hi Kawashima,

Thank you for your interest in Syncfusion products.

How to draw a custom flow graphic

You can use the Symbol designer itself to draw such custom graph. For ID and Name, you can use Tag and Name property.

You can use the Symbol designer from the below location:
Program Files\Syncfusion\Essential Studio\X.X.X.X\Windows\Diagram.Windows\Symbol Designer

Online Documentation link on using Symbol Designer:
http://www2.syncfusion.com/ug_61/diagram/SymbolDesigner.html

Please refere the below sample browser for Custom Symbols
\\Syncfusion\EssentialStudio\X.X.X.X\Windows\Diagram.Windows\Samples\2.0\Symbol Design\CustomSymbol

Please dwonload the sample from the below location:
http://websamples.syncfusion.com/samples/Diagram.Windows/P70800/main.htm

In this sample we have created a graph using the Symbol designer itself, for TextNode alone we have used the code.

Please let me know if you have any questions.

Best Regards,
Bhuvana





SU sun January 3, 2008 01:46 AM UTC

I want to draw a "custom" flow graphic. The flow graphic has the input node, the output node and link line. The input node has two attribute:id and name. The output node has two attribute:id and name. The link line has a attribute:value. The input node, the output node and the link line use a "custom graphic" to draw in flow graphic, not use a rectangle, and their attributes are drawed in outside.
My upper attention is display in my attachment file. In my attachment file has four graphic files. They are input node, link line, output node and flow graphic. They are all custom graphic in my flow graphic. How to draw it? So I am highly appreaciting if any one give some sample application and help me to draw it.

Please attention my requirement. I want you can help me to draw a flow graphic like in my attachment file. The input node link to output node by link line, they are all custom graphic.

Thanks,



FlowGraphic.zip


BP Bhuvaneswari P Syncfusion Team January 4, 2008 03:56 AM UTC

Hi Kawashima,

Thanks for the update.

We have updated for the same query in the below forum.
http://www.syncfusion.com/support/Forums/message.aspx?&MessageID=70765

Please follow up it.

Please let me know if you have any other questions.

Best Regards,
Bhuvana



SU sun January 7, 2008 01:23 AM UTC

Thanks for your help.
But I also have some question. So I send my code to you. I want to draw the "Ari_FlowNodeSymbol" with "the input node" of custom symbol, and the "Ari_ProcessSymbol" with "the output node" of custom symbol, and the "CustomOrthogonalLink" with "the link line" of custom symbol in my flow graphic automatically. How do I draw the flow graphic?
The other question is the video link of you provided isn't valid. I download the file, but I don't open it because it isn't a valid compressed volume file. So please you send a valid video to me.

Thanks,



Graphics Noes.zip


AD Administrator Syncfusion Team January 8, 2008 01:05 PM UTC

Hi kawashima,

Please check out the response below.

Connecting InputNode and OutPutNode using LinkLine

You can connect the custom shapes InputNode and OutPutNode using LineConnector as follows.

LineConnector line = new LineConnector(srcNode.PinPoint,tgtNode.PinPoint);
srcNode.CentralPort.Connect(line.TailEndPoint);
tgtNode.CentralPort.Connect(line.HeadEndPoint);
// Where srcNode is the InputNode and tgtNode is the OutPutNode

Sample link

Please refer the sample link that demonstrates the same.

http://websamples.syncfusion.com/samples/Diagram.Windows/F70765/Connector/main.htm

Video link on using Symbol designer utility

Sorry for the broken link in my previous update. Please refer the video link in the below location.

http://websamples.syncfusion.com/samples/Diagram.Windows/F70765/Video/main.htm

Please let me know if this meets your requirement and let me know if you have any further queries.

Regards,
Jaya



Loader.
Live Chat Icon For mobile
Up arrow icon