Customized Chart without Top Level user

We can customize chart at any level, with filters and custom css Here we are representing chart with custom design of each node.

Click to view popup.

Print Chart

CSS

To achieve similar chart as above, add CSS shown below to area from where you are managing your theme’s style, it can be style.css under theme folder, Additional CSS under customizer or under theme option panel.

As shown below “.chart_1040″ , replace 1040 with your chart ID used in shortcode. You must have noticed this style is not for mobile and media query is used to avoid any conflicts.


.jOrgChart > table > tbody > tr:first-child, .jOrgChart > table > tbody > tr:nth-child(2) {
    display: none;
}

Scroll to Top

Select Demo