{"id":1316,"date":"2021-05-26T17:54:23","date_gmt":"2021-05-26T17:54:23","guid":{"rendered":"https:\/\/help.insperity.com\/bps\/?post_type=ht_kb&#038;p=1316"},"modified":"2021-05-26T17:54:50","modified_gmt":"2021-05-26T17:54:50","slug":"how-to-i-change-the-layout-of-the-chart","status":"publish","type":"ht_kb","link":"https:\/\/help.insperity.com\/bps\/knowledge-base\/how-to-i-change-the-layout-of-the-chart\/","title":{"rendered":"How to I change the layout of the chart?"},"content":{"rendered":"\n<p>For purposes of display on the web or print version of your charts, OrgPlus allows you to change the of the layout of the branches or change the number of levels being displayed. &nbsp;You can also manually sort the boxes within the same branch to display in a different order.&nbsp; &nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Branch styles<\/h2>\n\n\n\n<p>This icon will allow you to choose how you would like your chart boxes to be displayed. You can select how to apply the style to the chart:&nbsp;<\/p>\n\n\n\n<p>You can apply this style to a <strong>selection <\/strong>of boxes (hint: use the <a href=\"https:\/\/help.insperity.com\/bps\/knowledge-base\/how-do-i-select-multiple-boxes\/\" data-type=\"ht_kb\" data-id=\"1306\">marquee <\/a>icon), the <strong>displayed chart <\/strong>which is only the chart area displayed on your screen, or you can apply the style to all the branches and levels throughout the <strong>entire chart<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"359\" src=\"https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-28.png\" alt=\"\" class=\"wp-image-1317\" srcset=\"https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-28.png 624w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-28-300x173.png 300w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-28-50x29.png 50w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-28-60x35.png 60w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-28-100x58.png 100w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sub-chart<\/h2>\n\n\n\n<p>This icon will allow you to decide how to display divisions on your organization charts. Sub-charting can be done based on the number of levels or any field that is a part of the current view. Once you have selected the number of levels, or the field to be used, click <strong>Insert<\/strong>. Your chart will now reflect your selection. To remove the sub-chart breaks come back to the <strong>Sub-Chart <\/strong>icon and select<strong> Remove All<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"281\" src=\"https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-29.png\" alt=\"\" class=\"wp-image-1318\" srcset=\"https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-29.png 624w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-29-300x135.png 300w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-29-50x23.png 50w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-29-60x27.png 60w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-29-100x45.png 100w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Moving boxes within a branch<\/h2>\n\n\n\n<p>If there is a need to move one box to the left or right of another box within the same level, you can drag and drop within your organizational charts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"191\" src=\"https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-30.png\" alt=\"\" class=\"wp-image-1319\" srcset=\"https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-30.png 440w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-30-300x130.png 300w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-30-50x22.png 50w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-30-60x26.png 60w, https:\/\/help.insperity.com\/bps\/wp-content\/uploads\/sites\/3\/2021\/05\/image-30-100x43.png 100w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>See <a href=\"https:\/\/help.insperity.com\/bps\/knowledge-base\/i-have-changed-the-look-of-my-chart-and-i-dont-know-how-to-reset-it-back-to-the-default-style\/\" data-type=\"ht_kb\" data-id=\"1313\">I have changed the look of my chart and I don\u2019t know how to reset it back to the default style<\/a> if you need to change back to the original settings. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For purposes of display on the web or print version of your charts, OrgPlus allows you to change the of the layout of the branches or change the number of levels being displayed. &nbsp;You can also manually sort the boxes within the same branch to display in a different order.&nbsp;&#8230;<\/p>\n","protected":false},"author":2,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[46],"ht-kb-tag":[],"class_list":["post-1316","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-workspace-navigation"],"_links":{"self":[{"href":"https:\/\/help.insperity.com\/bps\/wp-json\/wp\/v2\/ht-kb\/1316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.insperity.com\/bps\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/help.insperity.com\/bps\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/help.insperity.com\/bps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/help.insperity.com\/bps\/wp-json\/wp\/v2\/comments?post=1316"}],"version-history":[{"count":2,"href":"https:\/\/help.insperity.com\/bps\/wp-json\/wp\/v2\/ht-kb\/1316\/revisions"}],"predecessor-version":[{"id":1321,"href":"https:\/\/help.insperity.com\/bps\/wp-json\/wp\/v2\/ht-kb\/1316\/revisions\/1321"}],"wp:attachment":[{"href":"https:\/\/help.insperity.com\/bps\/wp-json\/wp\/v2\/media?parent=1316"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/help.insperity.com\/bps\/wp-json\/wp\/v2\/ht-kb-category?post=1316"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/help.insperity.com\/bps\/wp-json\/wp\/v2\/ht-kb-tag?post=1316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}