Org Chart Module

Best Practices


The Org Chart Module combines preformatted documents and employee data you input into the module to create dynamic hierarchical organization charts. This module helps keep org charts uniform across the agency and adds versatility to how the page user accesses the information.  This module can be added in the WCMS to both internet and intranet pages. We’ve also added a new pathway to link an intranet instance of an org chart module to an internet page as well.

Elements of an Org Chart

Title and Visual of Org Chart

Screen Capture of two visual styles for the Org Chart

This section can either show an interactive visual created automatically in the module using the employee data you enter, or it can show a static image of the org chart you provide.  These options are described in depth in the Build Page.

PDF and View Links

Screen Capture of the PDF and View Link section of an ORG Chart made in the WCMS Org Chart Editor

This section displays a link to the PDF file you provide for the Org Chart.  If you chose to have an alternative view of the Org Chart, the link to that other chart will be here.

Accordion View

Go to Examples
Related Topics

There are several different viewing options for the Org Chart Module.  The two main ways are to pick between the Accordion or the Interactive views.  If you want to have a cross-link to both views, two separate instances of the module need to be placed in separate pages and the paths to each page need to be added in the Org Chart Module itself.

Screen Capture of Org Chart in Accordion view

The employee data you enter in the Org Chart Module’s editor will be displayed either in the Interactive view above or here in the accordion view.  That selection is made with a drop down when entering the module into a page.  The accordion allows for displaying deeper tiers of the hierarchy by toggling the Plus and Minus next to the employee’s name.

Related Links

Any sites or pages associated with your organization can be listed in this section.  This helps the user recognize the relationship between the organization and the efforts they contribute to.

Screen Capture of the Related Links section of the Org Chart Module

Example of Org Chart Using an Imported Static Image

Office of the Sample Division Office /wcms/4.0/cdc-wp/index.html /wcms/4.0/cdc-wp/special-purpose/org-chart-module-sample/images/Static-Org-Chart-Example.png /wcms/4.0/cdc-wp/special-purpose/org-chart-module-sample/pdf/Org-Chart-Sample-PDF.pdf OSDO OSDO Related Links 1 1 Top Tier Hierarchy Associate Director for Things Done /wcms/4.0/cdc-wp/special-purpose/org-chart-module-sample/images/vacant.jpg /wcms/4.0/cdc-wp/index.html /wcms/4.0/cdc-wp/index.html 1 Second Tier Hierarchy A Associate Director for Other Things Done /wcms/4.0/cdc-wp/special-purpose/org-chart-module-sample/images/vacant.jpg /wcms/4.0/cdc-wp/index.html /wcms/4.0/cdc-wp/index.html Second Tier Hierarchy B Deputy Associate Director for Things Done /wcms/4.0/cdc-wp/special-purpose/org-chart-module-sample/images/vacant.jpg /wcms/4.0/cdc-wp/index.html /wcms/4.0/cdc-wp/index.html Second Tier Hierarchy C Director Division of Items /wcms/4.0/cdc-wp/special-purpose/org-chart-module-sample/images/vacant.jpg /wcms/4.0/cdc-wp/index.html 1 Vacant Deputy Director Division of This and That /wcms/4.0/cdc-wp/special-purpose/org-chart-module-sample/images/vacant.jpg Third Tier Hierarchy A Branch Chief This Thing /wcms/4.0/cdc-wp/special-purpose/org-chart-module-sample/images/vacant.jpg /wcms/4.0/cdc-wp/index.html /wcms/4.0/cdc-wp/index.html /wcms/4.0/cdc-wp/index.html Link A - Associated page /wcms/4.0/cdc-wp/index.html Link B - Associated page /wcms/4.0/cdc-wp/index.html Link C - Associated page Third Tier Hierarchy A Branch Chief This Thing /wcms/4.0/cdc-wp/special-purpose/org-chart-module-sample/images/vacant.jpg /oadc/divisions-offices/public-affairs/leadership.html#carol-crawford 0 3 5