{"id":449,"date":"2016-03-17T11:56:45","date_gmt":"2016-03-17T11:56:45","guid":{"rendered":"https:\/\/www.sharepoint13.org\/?p=449"},"modified":"2016-03-17T12:01:01","modified_gmt":"2016-03-17T12:01:01","slug":"customize-the-tasks-timeline-in-office-365","status":"publish","type":"post","link":"https:\/\/www.sharepoint13.org\/?p=449","title":{"rendered":"Customize the Tasks Timeline in Office 365"},"content":{"rendered":"<p>I never liked the Tasks timeline, if we add a lot of tasks to the timeline it looks not organized at all <img decoding=\"async\" class=\"wlEmoticon wlEmoticon-sadsmile\" style=\"border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none\" alt=\"Sad smile\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/wlEmoticon-sadsmile.png\" \/>     <br \/><a href=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image-11.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"image\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image_thumb-11.png\" width=\"593\" height=\"281\" \/><\/a><\/p>\n<p>&#160;<\/p>\n<p>I did some customization to the timeline and it ended up looking like this <img decoding=\"async\" class=\"wlEmoticon wlEmoticon-smile\" style=\"border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none\" alt=\"Smile\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/wlEmoticon-smile-1.png\" \/>     <br \/><a href=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image5.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"image\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image5_thumb.png\" width=\"599\" height=\"285\" \/><\/a><\/p>\n<p>&#160;<\/p>\n<p>Here are some tips on my journey to <a href=\"https:\/\/support.office.com\/en-us\/article\/Change-the-appearance-of-the-timeline-7e992704-2cf5-4c08-8f49-6a7bb5c92e2c\" target=\"_blank\">Change the apperance<\/a><\/p>\n<p><strong>1:<\/strong> To get milestones as diamonds simply add only one date (either start or end date is fine). If the titles get messed up inside each other when you resize browser window you can add the milestoen within a day range from the nearby task, and then adjust it to correct date afterwards.<\/p>\n<p><strong>2:<\/strong> To display phases as Callouts you just add tasks named those phases eg \u201cPlanning\u201d,&#160; assigned to nobody, and add it to the timeline, mark it and select Display as Callout.<\/p>\n<p><a href=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image-9.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"image\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image_thumb-9.png\" width=\"561\" height=\"320\" \/><\/a><\/p>\n<p>3: To modify color just mark the task, timeline, milestones, phases and change to your preferences.<\/p>\n<p><a href=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image-10.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px\" border=\"0\" alt=\"image\" src=\"https:\/\/www.sharepoint13.org\/wp-content\/uploads\/2016\/03\/image_thumb-10.png\" width=\"553\" height=\"306\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I never liked the Tasks timeline, if we add a lot of tasks to the timeline it looks not organized at all &#160; I did some customization to the timeline and it ended up looking<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,6],"tags":[17],"class_list":["post-449","post","type-post","status-publish","format-standard","hentry","category-office365","category-tip","tag-office-365"],"_links":{"self":[{"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/posts\/449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=449"}],"version-history":[{"count":4,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/posts\/449\/revisions"}],"predecessor-version":[{"id":457,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=\/wp\/v2\/posts\/449\/revisions\/457"}],"wp:attachment":[{"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sharepoint13.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}