{"version":"1.0","provider_name":"Developer Support","provider_url":"https:\/\/devblogs.microsoft.com\/premier-developer","author_name":"Developer Support","author_url":"https:\/\/devblogs.microsoft.com\/premier-developer\/author\/premierdev\/","title":"PowerApps Reusable Components - Developer Support","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"T6nHN0nhJj\"><a href=\"https:\/\/devblogs.microsoft.com\/premier-developer\/powerapps-reusable-components\/\">PowerApps Reusable Components<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/devblogs.microsoft.com\/premier-developer\/powerapps-reusable-components\/embed\/#?secret=T6nHN0nhJj\" width=\"600\" height=\"338\" title=\"&#8220;PowerApps Reusable Components&#8221; &#8212; Developer Support\" data-secret=\"T6nHN0nhJj\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/devblogs.microsoft.com\/premier-developer\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/03\/powerapps.jpg","thumbnail_width":400,"thumbnail_height":400,"description":"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."}