====== OrgChart Plugin ====== ---- plugin ---- description: Create an Org Chart from a table author : Anika Henke email : anika@selfthinker.org type : action lastupdate : 2016-04-06 compatible : 2018-04-22 "Greebo", 2017-02-19 "Frusterick Manners", 2016-06-26 "Elenor Of Tsort", 2013-12-08 "Binky", 2014-05-05 "Ponder Stibbons", Hrun, Detritus, 2023-04-04 depends : wrap, data conflicts : similar : jorgchart, orgapp tags : orgchart, chart, staff, relation downloadurl: https://github.com/selfthinker/dokuwiki_plugin_orgchart/zipball/master bugtracker : https://github.com/selfthinker/dokuwiki_plugin_orgchart/issues sourcerepo : https://github.com/selfthinker/dokuwiki_plugin_orgchart/ donationurl: screenshot_img : :plugin:orgchart-example-wrap-full.png ---- ===== Installation ===== :!: **External requirements:** This plugin requires the following additional components that must be installed separately: * Either the [[wrap]] plugin * Or the [[data]] plugin Search and install the plugin using the [[plugin:extension|Extension Manager]]. Refer to [[:Plugins]] on how to install plugins manually. This plugin calls Google's JavaScript API to use their [[https://developers.google.com/chart/interactive/docs/gallery/orgchart|Org Chart library]]. Therefore this plugin needs an **internet connection**. ===== Usage ===== This plugin will create org charts out of any table which a) follows a certain structure (namely having columns for name, manager and optional job title and photo - in that order) and b) are marked as being an org chart (by adding the 'orgchart' class to the table). ==== Syntax ==== Independent of whether the wrap or data plugin is used to help build the org chart, the following syntax rules always apply: * The class ''orgchart'' must be added. * The order of the columns must be: * name * line manager * job title * photo * Job title and photo are optional. ==== Using Wrap Plugin ==== === Simplest example === {{ :plugin:orgchart-example-wrap-simplest.png?nolink|}} ^Name ^Line Manager ^ |Alice Baker |Bob Smith | |Bob Smith |Carol Davidson | |Carol Davidson | | |Dave Miller |Carol Davidson | |Eric Taylor |Bob Smith | === Example including photos and job titles === {{ :plugin:orgchart-example-wrap-full.png?nolink|}} ^Name ^Line Manager ^Job Title ^Photo ^ |Alice Baker |Bob Smith |PR |{{:staff:alice.png?60}} | |Bob Smith |Carol Davidson |Marketing Director |{{:staff:bob.jpg?60}} | |Carol Davidson | |CEO |{{:staff:carol.jpg?60}} | |Dave Miller |Carol Davidson |Secretary |{{:staff:dave.jpg?60}} | |Eric Taylor |Bob Smith | | | === Additional syntax rules === * The line manager's name must be the same as it appears in the name column of that manager. ==== Using Data Plugin ==== Dataentry needs at least: * name (staff member's name, type: 'pageid' or simple string) * line manager (line manager's pagename, type: 'page' or simple string; when using 'page' this needs to be the exact pagename, when using simple string it needs to be the exact same string for each entry of the same manager) Optional dataentry: * job title (staff member's job title, type: simple string) * photo (photo of staff member, type: 'img') === Examples including all the things === ---- datatable orgchart includelinks ---- cols : name_pageid, linemanager, title, photo_img60 headers : Name, Line Manager, Job Title, Photo sort : name ---- Would look like this: {{:plugin:orgchart-example-data-full.png?nolink}} === Simpler example === ---- datatable orgchart ---- cols : name_pageid, linemanager_page, title headers : Name, Line Manager, Job Title sort : name ---- Could look like this: {{:plugin:orgchart-example-data-simple.png?nolink}} === Additional syntax rules === * class 'includelinks' results in link to a staff member's page being included * if type 'page' is used for line manager, the link text doesn't need to match the exact name as the pagename in the link will be used to match managers ===== Discussion ===== ==== Problems with more than one OrgChart ==== I've problems with two orgcharts on one page. The'll be placed side by side and not in the right position. --- [[user>kkue|kkue]] //2014-09-09 16:53// > This has now been fixed in the latest version. --- [[user>ach|Anika Henke]] //2016-04-06 19:59// ==== Links inside OrgChart ==== ¿It is possible add a link from any way? > Sorry, this is not possible right now. --- [[user>ach|Anika Henke]] //2016-04-06 19:59// > Inside photo (for exemple, but not anywhere) ;-) --- [[user>wild-dagger|Wild Dagger]] //2016-10-22 14:40// |Dokuwiki| |wiki | [[wiki:welcome|{{:wiki:dokuwiki-128.png?nolink&60|Go to table of content}}]] | ==== Horizontal Grey Bars inside OrgChart ==== I just updated a site from Hrun the Detritus. I also updated to the current WRAP and OrgChart plugins. I'm running PHP 5.3 (GoDaddy). The problem is that I now see horizontal grey background bars inside the Org Chart. The problem appears isolated to the Vector template. Is there a way I can correct this? --- [[user>rrandall|rrandall]] //2016-04-27 08:03// Never mind. I discovered that there is a conflict between "fkshelper" (required for "fkstimer") and "OrgChart" WHEN used in the "Vector" Template. --- [[user>rrandall|rrandall]] //2016-05-01 15:42// ==== Simple Multiple hierarchy ==== * [[https://forum.dokuwiki.org/post/54281|Forum: General Help and Support › Plugins › Plugin Wishlist]] How can i do simple multiple hierarchy ? --- [[user>wild-dagger|Wild Dagger]] //2016-10-22 15:07// {{http://img4.hostingpics.net/pics/509546orgchartexampledatasimple2.png?}} ==== Problem with Firefox after update to "Frusterick Manners" ==== After the update to "Frusterick Manners" Orgcharts are not rendered anymore in Firefox, apparently due to the Onload Callback not being called. --- [[user>lynx|Stephan Wiehr]] //2017-04-11 10:26//