This is a migrated thread and some comments may be shown as answers.

Custom Shape Gallery

1 Answer 73 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Terrell
Top achievements
Rank 1
Terrell asked on 20 Mar 2021, 12:51 AM
What is the best way to display a sidebar gallery of my custom shapes for the diagram and allow the user to drag the items over to a diagram? There is not alot of documentation available for .Net Core.

1 Answer, 1 is accepted

Sort by
0
Tsvetomir
Telerik team
answered on 24 Mar 2021, 11:56 AM

Hi Terrell,

Indeed, we do expose an example in which you could drag and drop items from a sidebar to the diagram. Please take a look at the following sample:

https://demos.telerik.com/kendo-ui/html5-diagram-sample-app

It is targeting the jQuery implementation of the widgets and you could examine the exact code snippets by right-clicking on the page and selecting the "View page source" option.

Since the logic is in JavaScript, you would be able to apply the same in an ASP.NET Core environment. Please let me know if additional help is needed with the implementation in ASP.NET Core. I will be happy to assist you further. 

 

Best regards,
Tsvetomir
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Terrell
Top achievements
Rank 1
commented on 14 May 2021, 11:33 PM

I have reviewed this example but I have an issue trying to fire the Create function. It appears that adding shapes through the javascript api does not track the shape or am I missing something?
Tsvetomir
Telerik team
commented on 19 May 2021, 12:47 PM

Hi, Terrell, the demo application features a diagram with a local data source. However, in order to enable editing, you should setup the diagram similarly to the following live demo:

https://demos.telerik.com/kendo-ui/diagram/editing

Note that all of the CRUD options should be either functions or URL paths.

Tags
Diagram
Asked by
Terrell
Top achievements
Rank 1
Answers by
Tsvetomir
Telerik team
Share this question
or