RequireJs + Diagram

[Manuel]

Hey I'm trying to build a diagram builder with requirejs but it isnt working. Any Ideas how to provide RequireJs support for the diagram?

Thanks for your help.

[Kameshwaran R]

Hi Manuel, 

 

We have created the diagram builder with require JS and please find the below sample link. In this sample we have achieved only for initial rendering also you can handle the run time changes on your application. 

sample link:   requirejssample2001077694.zip  

Regards, 

Kameshwaran R. 

 

[Manuel]

thanks a lot for your help :-)

[Kameshwaran R]

Hi Manuel, 

Please let us know if you need further assistance on this.  

Regards, 

Kameshwaran R. 

[Manuel]

Hi,

The diagram is working fine for me, but I got some problems with the symbolpallette.

Could you please have a look at it?

Thanks a lot

Kind Regards

Attachment: example_6564dfee.zip

[Shyam G]

Hi Manuel, 

 

We have used methods defined in the intelligentshapes.js file in palette.js files. To access the methods in intelligentshapes.js file, we have used the below code example in the palette.js file. 

 

Code example: 

 

Palette.js 

 

var intelligentShape = require('helper/intelligentshapes'); 

 

 

The palette items defined in the palette.js renders after rendering of the symbol palette. This is due to page load function defined in the palette.js file triggers after the symbol palette rendering which is in symbolpalette.js file. So we have commented page load function in palette.js file. Please refer to the code example. 

 

Code example: 

 

Palette.js 

 

//$(function () { 

 

//}); 

 

We have modified your sample and it is available in the below link for download. 

 

Sample:http://www.syncfusion.com/downloads/support/directtrac/general/ze/example1939754361 

 

Regards, 

Shyam G 

[Manuel]

Hi Shyam,

thanks! It's working like a charm.

One more question:

If I click on a shape it isnt selected. I first have to move the mouse a bit so that i can see the selection. Do you have a hint for me how to fix this?

So if I click once on a shape it should be selected like that.

have a look at this example: http://www.syncfusion.com/downloads/support/directtrac/general/ze/example1939754361

Regards,

Manuel

[Shyam G]

Hi Manuel, 

 

We considered this “When we set the MultiSelect tool, the individual node should not be selected” as an issue and a support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates. 

 

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents 

                                                                                                                                    

Regards, 

Shyam G 

[Manuel]

Thanks for the answer. :-)

Is there also an issue at the diagram.print() method?

I'm trying to use it but it's not working.

have a look at your demo: http://js.syncfusion.com/demos/web/dashboard/diagrambuilder/default.html

--> file --> print

Regards,

Manuel

[Manuel]

Hi Shyam,

I don't see my written text if I use for example the right arrow shape () 

Any ideas why it isnt working?

Thanks for your help.

example: http://www.syncfusion.com/downloads/support/directtrac/general/ze/example1939754361 

Regards,

Manuel

[Shyam G]

Hi Manuel, 

 

By default, we export diagram into image format and further print the image. In chrome browser, when we try to access the width and height values of an image, it returns incorrect values. We considered this “print method not working in the chrome browser” as an issue and a support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates. 

 

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents 

 

Regards, 

Shyam G