{"id":2229,"date":"2018-11-27T23:14:08","date_gmt":"2018-11-28T07:14:08","guid":{"rendered":"https:\/\/developer.microsoft.com\/en-us\/office\/blogs\/?p=2229"},"modified":"2021-10-13T09:17:51","modified_gmt":"2021-10-13T16:17:51","slug":"microsoft-graph-documentation-has-a-fresh-new-look","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/microsoft-graph-documentation-has-a-fresh-new-look\/","title":{"rendered":"Microsoft Graph documentation has a fresh new look"},"content":{"rendered":"<p>We&#8217;ve heard your feedback over the years that you&#8217;d like to see some improvements to the Microsoft Graph documentation experience. Today we are announcing that we&#8217;ve moved to <a href=\"https:\/\/docs.microsoft.com\/graph\">https:\/\/docs.microsoft.com\/graph<\/a>, which gives our docs a fresh new look!<\/p>\n<h2>Searchable table of contents<\/h2>\n<p>The single biggest request we heard was for the ability to find things more easily in the reference documentation. With the new search box above the table of contents, you can now find all operations, resource objects, and more. For example, go type &#8220;Message&#8221; into the search box and quickly find message operations related to Outlook and Microsoft Teams.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-medium wp-image-2241\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-search-269x300.png\" alt=\"\" width=\"269\" height=\"300\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-search-269x300.png 269w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-search-768x857.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-search.png 798w\" sizes=\"(max-width: 269px) 100vw, 269px\" \/><\/p>\n<h2>Separate Learn and Reference docs<\/h2>\n<p>We heard from you that our table of contents was getting a little unwieldy, so we split our Learn topics from the Reference docs. We know that many of you access the reference docs primarily, so we made sure that important development-related topics\u00a0 (Get auth tokens, Use the API) are included in the reference TOC.<\/p>\n<p>This makes it so much clearer to see what is supported in v1.0 and beta without lots of scrolling in the left pane.<br \/><img decoding=\"async\" class=\"size-medium wp-image-2252 alignleft\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc1-99x300.png\" alt=\"\" width=\"99\" height=\"300\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc1-99x300.png 99w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc1-339x1024.png 339w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc1.png 484w\" sizes=\"(max-width: 99px) 100vw, 99px\" \/> <img decoding=\"async\" class=\"size-medium wp-image-2253 alignleft\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc2-90x300.png\" alt=\"\" width=\"90\" height=\"300\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc2-90x300.png 90w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc2-463x1536.png 463w\" sizes=\"(max-width: 90px) 100vw, 90px\" \/> <img decoding=\"async\" class=\"size-medium wp-image-2254 alignleft\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc3-96x300.png\" alt=\"\" width=\"96\" height=\"300\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc3-96x300.png 96w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc3-329x1024.png 329w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-toc3.png 512w\" sizes=\"(max-width: 96px) 100vw, 96px\" \/><\/p>\n<h2>V1.0 and Beta Version switcher<\/h2>\n<p>Wherever you are on the Microsoft Graph site, you can click the API Reference link in the top navigation. With the new version switcher above the table of contents, you can now quickly switch between the v1.0 and beta reference content.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-medium wp-image-2242\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-switcher-300x163.png\" alt=\"\" width=\"300\" height=\"163\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-switcher-300x163.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-switcher.png 651w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Breadcrumbs<\/h2>\n<p>Whether you are clicking around from page to page or land on a page from your favorite search engine&#8230;the new breadcrumbs will help you to navigate to parent pages within the docs. This is super useful if you want to quickly get to a resource object. For example, I am on the <a href=\"https:\/\/docs.microsoft.com\/en-us\/graph\/api\/event-get?view=graph-rest-beta\">Get event beta page<\/a> and want to see all the properties for the event resrouce object, by clicking on the Event link in breadcrumb I immediately get there. You can also get there from the parent node in the navigation too!<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-medium wp-image-2244\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-breadcrumbs-1-300x74.png\" alt=\"\" width=\"300\" height=\"74\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-breadcrumbs-1-300x74.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-breadcrumbs-1-768x189.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-breadcrumbs-1.png 978w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Built-in feedback integrated<\/h2>\n<p>We&#8217;re often asked how you can provide feedback on our docs. For a few years now we have been getting feedback via GitHub Issues, but we haven&#8217;t been able to surface the feedback on the pages themselves. Now, you can use the new feedback pane at the bottom of each page to submit your feedback. This will post it in the <a href=\"https:\/\/github.com\/microsoftgraph\/microsoft-graph-docs\/issues\">GitHub issues<\/a>\u00a0list in our repository, and other readers will be able to see it on the page as well. One public user found our pre-live docs 5 days ago and already submitted some feedback for more information.<\/p>\n<p><a href=\"https:\/\/docs.microsoft.com\/en-us\/graph\/outlook-immutable-id\"><img decoding=\"async\" class=\"aligncenter wp-image-2245 size-medium\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-feedback-300x178.png\" alt=\"\" width=\"300\" height=\"178\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-feedback-300x178.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-feedback-1024x606.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-feedback-768x454.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-feedback-1536x909.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-feedback.png 1974w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>In the feedback pane, we also make it clear that if you have questions about how to use the API, your best approach is to post on\u00a0<a href=\"https:\/\/stackoverflow.com\/questions\/tagged\/office365%20or%20microsoft-graph\">Stack Overflow with the Microsoft-graph tag<\/a>. If you have a feature request for the API, you should post it on <a href=\"https:\/\/officespdev.uservoice.com\/forums\/224641-feature-requests-and-feedback\/category\/101632-microsoft-graph-o365-rest-apis\">UserVoice<\/a>. GitHub issues should be for correcting or suggesting improvements to the documentation.<\/p>\n<h2>Submit your contributions<\/h2>\n<p>For a few years now, we&#8217;ve been accepting Pull Requests for changes to the docs directly from developers. We appreciate people providing feedback as GitHub issues, but if you&#8217;re comfortable with forking the repo, making the change and submitting a Pull Request we are ready for them!<\/p>\n<h2>Browser friendly<\/h2>\n<p>Many of you out there like to have you tablet beside your keyboard with the reference content open. The existing table of contents and general rendering of the pages was not optimal for iOS and Android. Now that we are on the docs.microsoft.com platform, you&#8217;ll be able to surf the docs from your couch without those frustrations!\n<br \/><img decoding=\"async\" class=\"size-medium wp-image-2246 alignleft\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android1-147x300.png\" alt=\"\" width=\"147\" height=\"300\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android1-147x300.png 147w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android1-503x1024.png 503w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android1-768x1562.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android1-755x1536.png 755w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android1-1007x2048.png 1007w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android1.png 1229w\" sizes=\"(max-width: 147px) 100vw, 147px\" \/> <img decoding=\"async\" class=\"size-medium wp-image-2247 alignleft\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android2-148x300.png\" alt=\"\" width=\"148\" height=\"300\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android2-148x300.png 148w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android2-506x1024.png 506w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android2-768x1554.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android2-759x1536.png 759w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android2-1012x2048.png 1012w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android2.png 1235w\" sizes=\"(max-width: 148px) 100vw, 148px\" \/> <img decoding=\"async\" class=\"size-medium wp-image-2248 alignleft\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android3-146x300.png\" alt=\"\" width=\"146\" height=\"300\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android3-146x300.png 146w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android3-499x1024.png 499w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android3-768x1574.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android3.png 1219w\" sizes=\"(max-width: 146px) 100vw, 146px\" \/> <img decoding=\"async\" class=\"size-medium wp-image-2249 alignleft\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android4-146x300.png\" alt=\"\" width=\"146\" height=\"300\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android4-146x300.png 146w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android4-499x1024.png 499w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android4-768x1574.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android4-749x1536.png 749w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android4-999x2048.png 999w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-android4.png 1219w\" sizes=\"(max-width: 146px) 100vw, 146px\" \/>\n<\/p>\n<h2>Training content built in<\/h2>\n<p>We&#8217;ve had training content for a while, but its been buried in lab.md files within GitHub.com repos. With todays fresh look, we&#8217;ve also introduced these training labs directly into the docs! Check out the ASP.NET training lab that takes you from File | New Project all the way through to call your first Microsoft Graph API!<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-medium wp-image-2250\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-training-300x153.png\" alt=\"\" width=\"300\" height=\"153\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-training-300x153.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-training-1024x521.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-training-768x391.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-training-1536x781.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-training.png 1864w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\n<\/p>\n<h2>Share the docs!<\/h2>\n<p>The share button in all the docs pages allows you to tweet out useful content you&#8217;ve found. It is quite common usage pattern to send an email reminder to yourself to save it for later too!<\/p>\n<h2>Dark mode<\/h2>\n<p>For those of you who like like your docs to be easy on the eyes, we also now support Dark mode!<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-medium wp-image-2251\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-dark-300x131.png\" alt=\"\" width=\"300\" height=\"131\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-dark-300x131.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-dark-1024x447.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-dark-768x335.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-dark-1536x670.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/11\/graph-docs-dark-2048x894.png 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>What&#8217;s next?<\/h2>\n<p>In the coming months, this experience will only get better! Now that we are live on the new docs platform, we will start to work on: localized docs transition to docs.microsoft.com; standardizing all pages to have the same content structure; adding new sections for what OData operations are supported; integrating Graph Explorer directly into each operation page of the graph; showing SDK code snippets as well as HTTP snippets; and much more.<\/p>\n<p>We really appreciate all the feedback that has driven us to get to where we are today. We welcome your feedback moving forward to\u00a0 help us continue to make the experience better for Microsoft Graph developers!<\/p>\n<p>&nbsp;<\/p>\n<p>Jeremy Thake<\/p>\n<p>Senior Program Manager, Microsoft Graph<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve heard your feedback over the years that you&#8217;d like to see some improvements to the Microsoft Graph documentation experience. Today we are announcing that we&#8217;ve moved to https:\/\/docs.microsoft.com\/graph, which gives our docs a fresh new look!<\/p>\n","protected":false},"author":69113,"featured_media":25159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-365-developer"],"acf":[],"blog_post_summary":"<p>We&#8217;ve heard your feedback over the years that you&#8217;d like to see some improvements to the Microsoft Graph documentation experience. Today we are announcing that we&#8217;ve moved to https:\/\/docs.microsoft.com\/graph, which gives our docs a fresh new look!<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/2229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69113"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=2229"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/2229\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/25159"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=2229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=2229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=2229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}