{"id":36131,"date":"2019-04-06T12:00:52","date_gmt":"2019-04-06T19:00:52","guid":{"rendered":"http:\/\/devblogs.microsoft.com\/premier-developer\/?p=36131"},"modified":"2019-03-28T10:18:17","modified_gmt":"2019-03-28T17:18:17","slug":"powerapps-reusable-components","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/premier-developer\/powerapps-reusable-components\/","title":{"rendered":"PowerApps Reusable Components"},"content":{"rendered":"<p>Premier Developer Consultant <a href=\"https:\/\/www.linkedin.com\/in\/adamtoth\/\" target=\"_blank\" rel=\"noopener\">Adam Toth<\/a> will show you how to create a\u00a0reusable component for PowerApps. You can place this reusable component on multiple screens in the same app, or export and use on multiple apps.<\/p>\n<hr \/>\n<p><span style=\"font-size: 18pt;\">Overview<\/span><\/p>\n<p>In this post, I\u2019ll show you how to create reusable canvas components for your PowerApps. If you haven\u2019t seen the announcement and intro videos for this feature, I suggest you check those out here first:<\/p>\n<p><a href=\"https:\/\/powerapps.microsoft.com\/en-us\/blog\/components-available-in-preview\/\">https:\/\/powerapps.microsoft.com\/en-us\/blog\/components-available-in-preview\/<\/a><\/p>\n<p>For this example, I\u2019m going to create a control to display today\u2019s date, visualized as one of those daily tear-off calendars you might have seen at some point on someone\u2019s desk.<\/p>\n<p><img decoding=\"async\" width=\"222\" height=\"214\" class=\"wp-image-36132\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/03\/basic-design.png\" alt=\"basic-design\" \/><\/p>\n<p>Since the component will be reusable on multiple screens, I\u2019ll add properties to the control to set the data and visual configurations. I\u2019ll also show how to use relative sizing to scale the controls when the component is resized, and how to scale font sizes as well.<\/p>\n<p>You can read more of Adam&#8217;s post <a href=\"http:\/\/www.lifeonplanetgroove.com\/powerapps-reusable-components\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post, I\u2019ll show you how to create reusable canvas components for your PowerApps. For this example, I\u2019m going to create a control to display today\u2019s date, visualized as one of those daily tear-off calendars you might have seen at some point on someone\u2019s desk. Since the component will be reusable on multiple screens, I\u2019ll add properties to the control to set the data and visual configurations. I\u2019ll also show how to use relative sizing to scale the controls when the component is resized, and how to scale font sizes as well.<\/p>\n","protected":false},"author":582,"featured_media":36129,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[25],"tags":[4229,40,305,3],"class_list":["post-36131","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure","tag-adam-toth","tag-development","tag-powerapps","tag-team"],"acf":[],"blog_post_summary":"<p>In this post, I\u2019ll show you how to create reusable canvas components for your PowerApps. For this example, I\u2019m going to create a control to display today\u2019s date, visualized as one of those daily tear-off calendars you might have seen at some point on someone\u2019s desk. Since the component will be reusable on multiple screens, I\u2019ll add properties to the control to set the data and visual configurations. I\u2019ll also show how to use relative sizing to scale the controls when the component is resized, and how to scale font sizes as well.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/36131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/users\/582"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/comments?post=36131"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/36131\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media\/36129"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media?parent=36131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/categories?post=36131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/tags?post=36131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}