Error while loading the diagram page

[ASIM TAUSIF KHAN]

I am copy and paste the diagram section of syncfusion into my project but getting this error

"Uncaught ejSymbolPalette: methods/properties can be accessed only after plugin creation

Error: ejSymbolPalette: methods/properties can be accessed only after plugin creation

    at t.throwError (http://localhost:54586/Scripts/ej.web.all.min.js:10:27430)

    at r.fn.init.n.fn.(anonymous function) [as ejSymbolPalette] (http://localhost:54586/Scripts/ej.web.all.min.js:10:21381)

    at updateSize (http://localhost:54586/Scripts/DiagramScripts/methods.js:309:39)

    at http://localhost:54586/Scripts/DiagramScripts/events.js:1625:10

    at dispatch (http://localhost:54586/Scripts/jquery-3.0.0.min.js:3:9856)

    at q.handle (http://localhost:54586/Scripts/jquery-3.0.0.min.js:3:7883)"

Attachment: Untitled_7f56343c.7z

[Shyam G]

Hi Asim, 

The reported issue will occur only if we access the symbol palette($("#symbolpalette").ejSymbolPalette("instance"))before rendering the symbol palette. We suspect that you may forgot to refer the diagram builder script files. However we have created a diagram builder sample to achieve your requirement. 

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

Also please refer to the below KB link in which we have shown how to get the diagram builder sample code from the dashboard. 

Kb link:https://www.syncfusion.com/kb/6328/how-to-get-the-diagram-builder-sample-code-from-the-dashboard 

Regards, 

Shyam G 

[ASIM TAUSIF KHAN]

Hi Shyam,

                  I copy and paste all the code from Diagram into my project but problem is same.

Regards

Asim

[Shyam G]

Hi Asim, 

  

Please provide us more details such as sample. so that we can validate and provide a better solution. 

  

Regards, 

Shyam G 

[ASIM TAUSIF KHAN]

Hi Shyam,

                Please find the file and help me to figure out the problem.i am sending you the only concern part of my project.

Regards

Asim Khan

Attachment: Icompliance_496fc11e.7z

[Shyam G]

Hi Asim, 

Please set UnobtrusiveJavaScriptEnabled as false in web.config file to resolve your reported issue. We have modified your sample and provided below. 

 

Code example: 

Web.config file 

<appSettings> 

<add key="UnobtrusiveJavaScriptEnabled" value="false" /> 

  </appSettings> 

 

Sample:http://www.syncfusion.com/downloads/support/directtrac/general/7z/Icompliance-935961738 

Regards, 

Shyam G 

[ASIM TAUSIF KHAN]

Hi Shyam,

                 problem solve.thanks a lot.could you please guide me how can i make a CRUD and save into database of my flowchart.

Regards

Asim Khan

[Shyam G]

Hi Asim Khan, 

We have created a CRUD sample and it is available in the below link for download. 

Sample:http://www.syncfusion.com/downloads/support/directtrac/general/ze/crudsample-1939028523 

Please refer to the help documentation below. 

Help documentation:https://help.syncfusion.com/aspnetmvc/diagram/data-binding?cs-save-lang=1&cs-lang=js#how-to-perform-editing-at-runtime 

Regards, 

Shyam G 

[ASIM TAUSIF KHAN]

Hi Shyam,

                Thanks alot .

Regards

Asim Khan

[Shyam G]

Hi Asim, 

We are happy to hear that your problem is solved. please let us know if you need further assistance on this. 

Regards, 

Shyam G 

[ASIM TAUSIF KHAN]

Hi Shyam,

                I got the problem in validation when i set   <add key="UnobtrusiveJavaScriptEnabled" value="false" />;

after this i cannot validate my form fields and if i set it true then i got problem to open diagram.

Regards

Asim Khan

[ASIM TAUSIF KHAN]

Hi Shyam,

                I am getting following error while save and new file.

Uncaught ejDialog: methods/properties can be accessed only after plugin creation

Error: ejDialog: methods/properties can be accessed only after plugin creation

    at t.throwError (http://localhost:54586/Scripts/ej/ej.web.all.min.js:10:27430)

    at r.fn.init.n.fn.(anonymous function) [as ejDialog] (http://localhost:54586/Scripts/ej/ej.web.all.min.js:10:21381)

    at saveIcon (http://localhost:54586/Scripts/DiagramScripts/events.js:1285:27)

    at HTMLButtonElement.onclick (http://localhost:54586/:366:156)

It is in the same project i sent you earlier.kindly ignore my last question.

[Shyam G]

Hi Asim Khan, 

 

Query

Response

I am getting following error while save and new file.    Uncaught ejDialog: methods/properties can be accessed only after plugin creation  Error: ejDialog: methods/properties can be accessed only after plugin creation      at t.throwError (http://localhost:54586/Scripts/ej/ej.web.all.min.js:10:27430)      at r.fn.init.n.fn.(anonymous function) [as ejDialog] (http://localhost:54586/Scripts/ej/ej.web.all.min.js:10:21381)      at saveIcon (http://localhost:54586/Scripts/DiagramScripts/events.js:1285:27)      at HTMLButtonElement.onclick (http://localhost:54586/:366:156)    It is in the same project i sent you earlier.kindly ignore my last question.

We have modified your sample to resolve your reported issue. Please refer to the code example below in which we have shown the changes made in the sample.    Code example:    Control.js  function create(args) {  . . . . . .   . . . . . .   . . . . . .    $("#menufile")[0].firstChild.nextSibling.style.color = "white";          $("#menuedit")[0].firstChild.nextSibling.style.color = "white";          $("#menuview")[0].firstChild.nextSibling.style.color = "white";          $("#menuaction")[0].firstChild.nextSibling.style.color = "white";  . . . . .   . . . . .  }  Sample:http://www.syncfusion.com/downloads/support/directtrac/general/7z/Icompliance172144174

 

 

Regards, 

Shyam G