Santosh, If you have the privilege (depending on your app) to use html5 and css3 as the min browser requirement, then I would suggest draw the process as as div and style them as circle using border-radius CSS style.
to draw the connectors, use HTML5 canvas. GWT supports canvas on browsers which are html5, chrome, opera, firefox (3.6 and above) and IE (9 and above). This is the technique yahoo also uses with its pipes project You can implement drag and drop using techniques provided for any gwt widget. I have implemented connectors in my project. All you have to do is place your widgets using absolute positioning on a panel (call it the editor), draw the connector to a canvas between the widgets and add the canvas to the editor. You will have to update the position of the widgets & respective canvas when you drag any of your process widgets. Regards Ashwin On Fri, Aug 10, 2012 at 6:03 PM, Santosh <[email protected]>wrote: > We have a requirement to create a diagram which shows a sequence of > process in circular manner with Connectors. UI should be flexible > enough so that user can drag and drop any process between any of the > other two process in the diagram. Automatically connectors should get > re-arranged with new sequence. All examples what I saw using GWT-DND > are drag and drop components, but no examples with Connector arrows > concepts. We have also heard about SVG and YUI. But I am not sure how > far we can use that within GWT. Do we have any suggestion on what to > choose and how we can design this? > > -- > You received this message because you are subscribed to the Google Groups > "Google Web Toolkit" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-web-toolkit?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
