Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Customizing organizational chart plug in

Zenna Duke free asked 3 years ago


I'm looking for documentation or advice on customizing the org-chart plug in. Specifically I'd like to edit the card format and add tooltips to some of the cards. Also looking for advice on how to keep the table within the browser window and condensed. If I add more that a few layers it begins to span outside my container. I've been able to make some progress editing the org-chart.min.js file but when I sub in the non minified version the plug in breaks. Is there a better way to do this? Thank you.


Grzegorz Bujański staff answered 3 years ago


I will add the vertical option to our idea table. We will discuss in the team the possibility of adding this. Unfortunately I am not able to provide a workaround at the moment


Zenna Duke free answered 3 years ago


Thank you for your reply. Here is a snippet showing the width of our table, spanning well beyond our container. Ideally, we could edit the organization-chart.js file to have children hang vertically. Our goal is to condense the chart into the width of a standard browser window 1920×1080 and have the table be responsive from there.

https://mdbootstrap.com/snippets/standard/zenna_duke_2/3246715


Grzegorz Bujański staff answered 3 years ago


The only documentation that is available is on our website. As for the rest of the problems, please prepare a snippet that shows the problems you have encountered. For example, how can we reproduce the problem of span outside container?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: desktop
  • Browser: chrome
  • OS: macOS 11.4
  • Provided sample code: No
  • Provided link: No