{"id":3437,"date":"2019-09-19T06:00:39","date_gmt":"2019-09-19T13:00:39","guid":{"rendered":"https:\/\/developer.microsoft.com\/en-us\/office\/blogs\/?p=3437"},"modified":"2019-09-19T06:00:39","modified_gmt":"2019-09-19T13:00:39","slug":"announcing-xaml-controls-for-microsoft-graph-in-the-windows-community-toolkit","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/announcing-xaml-controls-for-microsoft-graph-in-the-windows-community-toolkit\/","title":{"rendered":"Announcing XAML controls for Microsoft Graph in the Windows Community Toolkit"},"content":{"rendered":"

Today at\u00a0<\/span><\/span>UnoConf<\/span><\/span><\/a>\u00a0in Montreal,\u00a0<\/span><\/span>we are announcing that\u00a0<\/span><\/span>the Windows Community Toolkit\u00a0<\/span><\/span>now includes a<\/span><\/span>\u00a0preview of XAML controls for Microsoft Graph.<\/span><\/span>\u00a0To watch the announcement via live stream please tune in\u00a0<\/span><\/span>for the Uno\u00a0<\/span><\/span>Platform<\/span><\/span>\u00a0Keynote at 10:<\/span><\/span>45AM EST\u00a0<\/span><\/span>available online\u00a0<\/span><\/span>here<\/span><\/span><\/a>.<\/span><\/span><\/p>\n

With this new addition to\u00a0<\/span><\/span>the\u00a0<\/span><\/span>Windows Community Toolkit you\u00a0<\/span><\/span>are<\/span><\/span>\u00a0able\u00a0<\/span><\/span>to<\/span>\u00a0easily authenticate and access Microsoft Graph<\/span><\/span>\u00a0in your Windows 10 apps<\/span><\/span>.\u00a0<\/span><\/span>These controls\u00a0<\/span><\/span>work<\/span><\/span>\u00a0<\/span><\/span>with UWP apps and in WPF\/WinForms<\/span><\/span>\u00a0for Win32 apps via XAML Islands<\/span><\/span>\u00a0on .NET Core 3<\/span><\/span>.<\/span><\/span>\u00a0<\/span><\/span>In addition,\u00a0<\/span><\/span>with the help of\u00a0<\/span><\/span>Uno Platform<\/span><\/span>,<\/span><\/span><\/a>\u00a0you will be able to run code not only on Windows but also on Android and iOS.<\/span><\/span>\u00a0<\/span><\/p>\n

This will be a first for the\u00a0<\/span><\/span>Windows Community\u00a0<\/span><\/span>Toolkit where we\u2019ve shipped controls simultaneously to work for not only UWP, but XAML Islands, and the Uno Platform as well.\u00a0 We look forward to continuing improving these controls and adding new graph-enabled controls in the coming months.<\/span><\/span><\/p>\n

Get Started Today!<\/b><\/p>\n

Today, we\u2019ve\u00a0released an early preview of these controls for both UWP and\u00a0for Android\u00a0with Uno.\u00a0More info for support for XAML Islands and iOS will come soon.\u00a0You can\u00a0find all the instructions you need for\u00a0getting started on our GitHub<\/a>, where you can also provide feedback or contribute.<\/p>\n

Available Preview Controls<\/b><\/p>\n

We\u2019re releasing the following three preview controls: Login,\u00a0PersonView, and\u00a0PeoplePicker.<\/p>\n

These new controls are built on the .NET Graph SDK<\/a> and authenticate with Microsoft Authentication Library (MSAL)<\/a>. Earlier this year at \/\/Build, we announced the Microsoft Graph Toolkit<\/a> for the web, these new Windows controls should feel right at home as we\u2019ve leveraged their expertise, designs, and used similar property names to make it simple to use either Toolkit for whatever type of application you may be building.<\/p>\n

For UWP, you just\u00a0need to\u00a0add a\u00a0Client ID<\/a>\u00a0to get started:<\/p>\n

<Application.Resources> \n   <wgt:InteractiveProvider x:Key=\"MyProvider\" ClientId=\"CLIENT_ID_HERE\"\/> \n<\/Application.Resources><\/pre>\n
And\u00a0<\/span><\/span>then start\u00a0<\/span><\/span>add<\/span><\/span>ing\u00a0<\/span><\/span>controls to your page:<\/span><\/span>\u00a0<\/span><\/p>\n
<wgt:LoginButton VerticalAlignment=\"Top\" HorizontalAlignment=\"Right\"\/> \n<wgt:PersonView PersonQuery=\"Me\" ShowName=\"True\" ShowEmail=\"True\"\/><\/pre>\n
Login<\/span><\/span><\/strong><\/p>\n
\"\"<\/p>\n
The Login<\/span><\/span>\u00a0control\u00a0<\/span><\/span>is used to facilitate authentication\u00a0<\/span><\/span>with the Microsoft Identity platform.\u00a0 It provides two states where the user is not signed in and provides a button to initiate the sign-in process.\u00a0 If the user is signed<\/span><\/span>–<\/span><\/span>in, the<\/span><\/span>y<\/span><\/span>\u00a0will see their profile image and\u00a0<\/span><\/span>can<\/span><\/span>\u00a0open a fly-out that provides the option to sign<\/span><\/span>\u00a0<\/span><\/span>out.<\/span><\/span>\u00a0<\/span><\/p>\n
PersonView<\/strong><\/p>\n
\"\"<\/p>\n
The\u00a0<\/span><\/span>PersonView<\/span>\u00a0control<\/span><\/span>\u00a0<\/span><\/span>can be used to display a person or contact using their\u00a0<\/span><\/span>p<\/span><\/span>icture<\/span><\/span>, name and\/or email address.<\/span><\/span><\/p>\n
PeoplePicker<\/strong><\/p>\n
\"\"<\/p>\n
The\u00a0PeoplePicker\u00a0control allows\u00a0a user to\u00a0easily search for users and contacts from Microsoft Graph.\u00a0It will show intermediate results with pictures (if available) and allow the user to select multiple\u00a0people.<\/p>\n
About\u00a0<\/b>t<\/b>he Windows Community Toolkit and Uno Platform<\/b><\/p>\n
The\u00a0Windows Community Toolkit<\/a>\u00a0is an MIT-licensed open source collection of helper functions, custom controls, and app services. It simplifies and demonstrates common developer tasks building UWP and .NET applications for Windows 10. The toolkit is part of the\u00a0.NET Foundation<\/a>, an independent non-profit organization created to foster innovation in the .NET community.<\/p>\n
The\u00a0Uno Platform<\/a>\u00a0enables C# and UWP XAML based code to run not just on Windows, but on iOS,\u00a0Android, and\u00a0WebAssembly\u00a0as well. Rather than learning UI-paradigms for each platform, the Uno Platform mimics the existing Windows APIs of the Universal Windows Platform and implements parts\u00a0such as\u00a0Windows.UI.XAML. Uno Platform is Open Source under an Apache 2.0 license and\u00a0available on GitHub<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
Today at\u00a0UnoConf\u00a0in Montreal,\u00a0we are announcing that\u00a0the Windows Community Toolkit\u00a0now includes a\u00a0preview of XAML controls for Microsoft Graph.\u00a0To watch the announcement via live stream please tune in\u00a0for the Uno\u00a0Platform\u00a0Keynote at 10:45AM EST\u00a0available online\u00a0here.<\/p>\n","protected":false},"author":69095,"featured_media":25159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-3437","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-graph"],"acf":[],"blog_post_summary":"
Today at\u00a0UnoConf\u00a0in Montreal,\u00a0we are announcing that\u00a0the Windows Community Toolkit\u00a0now includes a\u00a0preview of XAML controls for Microsoft Graph.\u00a0To watch the announcement via live stream please tune in\u00a0for the Uno\u00a0Platform\u00a0Keynote at 10:45AM EST\u00a0available online\u00a0here.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/3437","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\/69095"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=3437"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/3437\/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=3437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=3437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=3437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}