{"id":12385,"date":"2017-05-30T09:00:49","date_gmt":"2017-05-30T16:00:49","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/visualstudio\/?p=12385"},"modified":"2019-02-14T15:27:10","modified_gmt":"2019-02-14T23:27:10","slug":"telerik-ui-for-uwp-free-and-updated-xaml-controls","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/visualstudio\/telerik-ui-for-uwp-free-and-updated-xaml-controls\/","title":{"rendered":"Telerik UI for UWP &#8211; Free and Updated XAML Controls"},"content":{"rendered":"<p>In case you missed it, <a href=\"http:\/\/www.telerik.com\/universal-windows-platform-ui\">Progress Telerik UI for Universal Windows Platform<\/a> by <a href=\"https:\/\/www.progress.com\/\">Progress<\/a>\u00a0was released as <a href=\"http:\/\/www.telerik.com\/blogs\/telerik-ui-for-uwp-now-open-source\">free and open-source<\/a> earlier this year. With more than 22 XAML controls, this news has made it easier than ever before to start building UWP apps. Rather than needing to rewrite many complex XAML controls spanning user scenarios across data management, data visualization, navigation and more, you can use Telerik\u2019s controls for free. To get right to it, check out <a href=\"#howto\">the Downloading and Using the Controls section in this blog post <\/a>. Not only that, if you need to make modifications to the code, you can simply fork their <a href=\"https:\/\/github.com\/telerik\/UI-For-UWP\">GitHub repository<\/a> and work independently.<\/p>\n<p>Telerik has recently demonstrated their continued investment in providing the best possible UWP developer experience by updating their controls packages to opt into the new Visual Studio 2017 design-time experiences for XAML controls from NuGet packages. Read below to see what\u2019s new and to learn how to try out the controls.<\/p>\n<h2>Design Time Tooling for XAML Controls in NuGet Packages<\/h2>\n<p>In the past, developers who consumed XAML controls from NuGet packages had limited design time tooling. To successfully use and discover the controls required hand editing the XAML file. With the latest version of <a href=\"https:\/\/www.visualstudio.com\/downloads\/\">Visual Studio 2017<\/a>, we have introduced new features that controls authors can leverage to improve the design time experience for developers using their controls. Progress has partnered with us to update their Telerik UI for UWP controls packages to add Toolbox support to easily view and categorize their controls.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/4\/2019\/06\/Telerik-UI-for-UWP-updated-UWP-controls-added-to-the-Toolbox.png\"><img decoding=\"async\" title=\"Updated UWP controls added to the Toolbox\" alt=\"Updated UWP controls added to the Toolbox\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/4\/2019\/06\/Telerik-UI-for-UWP-updated-UWP-controls-added-to-the-Toolbox.png\" width=\"651\" height=\"336\" class=\"\" \/><\/a><\/p>\n<p>As soon as you reference the NuGet package in your UWP application, these new controls will appear in the Toolbox for you to use in your application. You can use these controls just like any other Toolbox control, with drag and drop support on the design surface.<\/p>\n<h2>Controls in Action<\/h2>\n<p>If you want to learn how to use Telerik UI for UWP controls in your application, download and try out their <a href=\"https:\/\/www.microsoft.com\/store\/p\/teleriktelerikuiforuwpexamples\/9n3fgcz50qnl\">sample application<\/a>. Not only is this a good way to see what the controls are capable of, but it acts as a learning tool with the code snippets available in the app itself.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/4\/2019\/06\/Telerik-UI-for-UWP-Sample-application-to-learn-how-to-use-Teleriks-controls-in-your-application.png\"><img decoding=\"async\" title=\"Sample application to learn how to use Teleriks controls in your application\" alt=\"Sample application to learn how to use Teleriks controls in your application\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/4\/2019\/06\/Telerik-UI-for-UWP-Sample-application-to-learn-how-to-use-Teleriks-controls-in-your-application.png\" width=\"651\" height=\"487\" class=\"\" \/><\/a>\n<a><\/a><\/p>\n<h2>Downloading and Using the Controls<\/h2>\n<p>If you want to use Progress\u2019 Telerik UI for UWP controls in your next UWP application, you can do the following to get the controls in your app.<\/p>\n<ol>\n<li>Make sure you are on the latest version of Visual Studio 2017 for optimal design-time experiences: <a href=\"https:\/\/www.visualstudio.com\/\">https:\/\/www.visualstudio.com\/<\/a><\/li>\n<li>In your UWP app, right click on the project\u2019s \u201cReferences\u201d node in the Solution Explorer and select \u201cManage NuGet Packages\u2026\u201d<\/li>\n<li>Search for \u201cTelerik.UI.for.UniversalWindowsPlatform\u201d<\/li>\n<li>Install the latest version of the package to get Toolbox support, and future updates<\/li>\n<li>Open a .xaml file and observe all the controls available in your Toolbox<\/li>\n<\/ol>\n<h2>Feedback!<\/h2>\n<p>We\u2019re constantly trying to improve the developer experience for UWP developers. If you have any feedback for us as you build UWP applications in Visual Studio, please let us know by using the Visual Studio <a href=\"https:\/\/docs.microsoft.com\/en-us\/visualstudio\/ide\/how-to-report-a-problem-with-visual-studio-2017?utm_source=VSIDE-EndOfPost&amp;utm_medium=blogpost&amp;utm_campaign=build2017\">Report a Problem<\/a> feature found in the top right corner of the Visual Studio Installer, or Visual Studio itself. You can track your feedback on the <a href=\"https:\/\/developercommunity.visualstudio.com\">developer community portal<\/a>. If you\u2019d like to provide a feature suggestion to the Visual Studio team, you can use the <a href=\"https:\/\/visualstudio.uservoice.com\/forums\/121579-visual-studio\">Visual Studio User Voice<\/a>.<\/p>\n<p>If you have any feedback specific to the Telerik controls, you can file an <a href=\"https:\/\/github.com\/telerik\/UI-For-UWP\/issues\">issue<\/a> on their GitHub repository.<\/p>\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"2\" width=\"600\">\n<tbody>\n<tr>\n<td valign=\"top\" width=\"150\"><img decoding=\"async\" width=\"482\" height=\"348\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/4\/2019\/06\/daniel.jpg\" \/><\/td>\n<td valign=\"top\" width=\"450\"><b>Daniel Jacobson, <\/b>Program Manager for Visual Studio\n<a target=\"_blank\" href=\"https:\/\/twitter.com\/pmatmic\">@pmatmic<\/a><\/p>\n<p>Daniel is a Program Manager on Visual Studio focused on tools for Universal Windows Platform developers and NuGet. He found his passion in software development after graduating with an M.S. in Mechanical Engineering from Case Western Reserve University in 2014.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>In case you missed it, Progress Telerik UI for Universal Windows Platform by Progress\u00a0was released as free and open-source earlier this year. With more than 22 XAML controls, this news has made it easier than ever before to start building UWP apps. Rather than needing to rewrite many complex XAML controls spanning user scenarios across [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":255385,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[472,155],"tags":[237,185,182,12,156,133],"class_list":["post-12385","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gaming","category-visual-studio","tag-net","tag-node-js","tag-unity","tag-visual-studio","tag-visual-studio-2017","tag-xaml"],"acf":[],"blog_post_summary":"<p>In case you missed it, Progress Telerik UI for Universal Windows Platform by Progress\u00a0was released as free and open-source earlier this year. With more than 22 XAML controls, this news has made it easier than ever before to start building UWP apps. Rather than needing to rewrite many complex XAML controls spanning user scenarios across [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/12385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/comments?post=12385"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/12385\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media\/255385"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media?parent=12385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/categories?post=12385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/tags?post=12385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}