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

Expand/Collapse DIAGRAM

4 Answers 291 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Vitalii
Top achievements
Rank 1
Vitalii asked on 20 Apr 2018, 01:24 PM
We are trying to build organizational chart using Kendo UI for jQuery component DIAGRAM. Does this component provide Expand/Collapse functionality like your Telerik UI for ASP.NET AJAX component ORG CHART does?
If it doesn’t, what is the best way to implement expand/collapse functionality? May be there are some jQuery plugins built for this purpose or Kendo UI for jQuery has other component which fits better for building organizational chart. Any advice appreciated.

4 Answers, 1 is accepted

Sort by
0
Eduardo Serra
Telerik team
answered on 23 Apr 2018, 03:29 PM
Hello Vitalii,

Thank you for taking the time to give us your thoughts and express your requirements.

The functionality you describe is not supported by the Kendo UI Diagram, but it has already been requested as a new feature by our users.

I encourage you to participate in the Kendo UI Feedback and Feature Request Portal in order to voice your opinion; if the proposed feature gets enough votes, developers will take notice and might implement it in future releases of Kendo UI. Here's a link to the already existing feature request.

Alternatively, you could take advantage of our professional Feature Customization Services; you can read more about them here.

Another Kendo UI Widget that is sometimes used to represent organizational data is the Kendo UI TreeList and you can find an example of an organizational chart in the following sample in our demos section.

I hope this helps!

Regards,
Eduardo Serra
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jason
Top achievements
Rank 1
answered on 27 Sep 2018, 06:25 PM

Hello Eduardo,

I am following up to see if any progress has been made with the expand/collapse functionality for the Kendo Diagram component? We have a need for this functionality in our application as well.

0
Tsvetina
Telerik team
answered on 01 Oct 2018, 10:05 AM
Hello Jason,

The Diagram expand/collapse functionality is still not scheduled for implementation as a built-in feature. You could try using a custom approach like the one from the updated example that I sent in my last reply to the support thread you have opened:
https://dojo.telerik.com/oCIwAJuZ

Regards,
Tsvetina
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Sami
Top achievements
Rank 2
Iron
Iron
Iron
answered on 08 Jul 2023, 01:14 AM
This future is ready now?
Martin
Telerik team
commented on 11 Jul 2023, 09:01 AM

Hello, Sami,

The feature is not yet scheduled for implementation. Please keep following the item in the Feedback Portal for further updates.

Sami
Top achievements
Rank 2
Iron
Iron
Iron
commented on 12 Jul 2023, 08:27 PM

I have a code to simiulate it... I share with you here:

https://dojo.telerik.com/@scasab@smartware.com.mx/EWOMowEr

 

I need to add a button inside the diagram to end my project. If you have any advice, please tell me .

Georgi Denchev
Telerik team
commented on 14 Jul 2023, 08:17 AM

Hello, Sami,

I am sharing my response from the private ticket here as well.

The Diagram does not support standard HTML elements. Anything that is appended to it must be "drawn". 

I looked through some older cases and I found the following forum thread that showcases something similar to what you're looking for:

  https://www.telerik.com/forums/have-html-links-in-diagram-shape#3937733   

I modified the example from the forum answer a bit to showcases a slightly different behavior: 

https://dojo.telerik.com/@gdenchev/uyOHeLUg   

When you click on one of the names in the Shape, an alert will appear with the first name of the person. When you click on the title, the title will be printed. 

You can use this approach to extend the logic and achieve the desired outcome.

Best Regards,

Georgi

Tags
Diagram
Asked by
Vitalii
Top achievements
Rank 1
Answers by
Eduardo Serra
Telerik team
Jason
Top achievements
Rank 1
Tsvetina
Telerik team
Sami
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or