{"id":109183,"date":"2017-09-14T10:11:06","date_gmt":"2017-09-14T17:11:06","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/design-guidance-linking-controls-for-easy-design-edits\/"},"modified":"2025-06-11T08:11:57","modified_gmt":"2025-06-11T15:11:57","slug":"design-guidance-linking-controls-for-easy-design-edits","status":"publish","type":"post","link":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/design-guidance-linking-controls-for-easy-design-edits\/","title":{"rendered":"Design Guidance \u2013 Linking controls for easy design edits"},"content":{"rendered":"<p>Let\u2019s imagine you just finished building an app\u2014an app that helps keep track of projects and the documents associated with that project. Your new app looks super sleek, with a white background and light gray text. You\u2019re excited to share your brand-new, fully styled app with a coworker and you wait eagerly for their reactions as they click through. However, you notice that one coworker looks puzzled: \u201cWhere\u2019s the content? I don\u2019t see any text, it\u2019s just blank.\u201d You anxiously take a peek to check what\u2019s happened, only to discover that you <em style=\"font-size: 13px;\">can<\/em> see the text. \u201cEverything is there, you don\u2019t see it?\u201d Your coworker quickly realizes what\u2019s going on, \u201cI\u2019m colorblind\u2014I bet the colors don\u2019t have enough contrast, so it looks blank to me.\u201d<\/p>\n<p>You weren\u2019t originally designing with colorblindness in mind, but now your app isn\u2019t useable to everyone. You\u2019ll need to go back and change the colors of every control that uses that light gray text color so there\u2019s enough contrast. This kind of editing can be time consuming, especially if your app has a lot of screens. The good news is, it doesn\u2019t have to be as challenging as it seems. There are some great tricks to PowerApps that can make editing extremely simple (and fun to play around with). So, let\u2019s get to it \u2026<\/p>\n<p><\/p>\n<p>Linking fonts<\/p>\n<p>Good grooming in your PowerApp files makes everything easier to understand and edit when you are ready to make design changes. It\u2019s extraordinarily helpful to rename controls as soon as they\u2019re added to your file, this will make it easier to identify what you have selected. In the example below, the Label control was renamed to HeaderLabel and assigned a font of Segoe UI.<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"001\" border=\"0\" height=\"131\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg\" style=\"border: 0px currentcolor; border-image: none; display: inline; background-image: none;\" title=\"001\" width=\"750\"\/><\/a><\/p>\n<p><\/p>\n<p>To assign other controls to use the same font, you must give all Label controls that you wish to use the same font a Font property of HeaderLabel.Font. What\u2019s happening in this syntax is that the Label control named TitleOfProject is using the same Font property as the HeaderLabel control. Now, any time you change the font of the original control (HeaderLabel), the controls using HeaderLabel.Font will update at the exact same time. This allows you to save time because you no longer have to go in and individually change all label controls to the new font that you wish to use.<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/c3c86347-8d72-49f0-81e8-fb9d761c147f.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"002\" border=\"0\" height=\"125\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/c3c86347-8d72-49f0-81e8-fb9d761c147f.jpg\" style=\"border: 0px currentcolor; border-image: none; display: inline; background-image: none;\" title=\"002\" width=\"750\"\/><\/a><\/p>\n<p><\/p>\n<p><strong>Font change in action<\/strong><\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/dc42acd1-e050-404a-8618-d6ace52aeb17.gif\"><img loading=\"lazy\" decoding=\"async\" alt=\"FontChange-Blog\" height=\"312\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/dc42acd1-e050-404a-8618-d6ace52aeb17.gif\" style=\"display: inline;\" title=\"FontChange-Blog\" width=\"500\"\/><\/a><\/p>\n<p><\/p>\n<p><\/p>\n<p>Linking text colors<\/p>\n<p>These same principals can be applied to adjust the text color of controls, this is particular handy for when your app need to be revised to account for accessibility (like in the scenario described earlier). If the text colors you originally picked were too light and unseen by people with colorblindness, you will need to go back and adjust to accessible colors. We suggest you always check the background color and the text color by using a <a href=\"https:\/\/www.paciellogroup.com\/resources\/contrastanalyser\/\">contrast analyzer tool<\/a>.<\/p>\n<p>Hooking up Label controls to use the same color will make editing colors an easy process. Note in the image below the selected Label control was renamed to TitleOfProject and was given a color property of RGBA(51, 51, 51, 1).<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/a8321eb9-12b6-4363-b456-530efabcf9e1.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"003\" border=\"0\" height=\"262\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/a8321eb9-12b6-4363-b456-530efabcf9e1.jpg\" style=\"border: 0px currentcolor; border-image: none; display: inline; background-image: none;\" title=\"003\" width=\"750\"\/><\/a><\/p>\n<p><\/p>\n<p>The same principles described earlier to adjust font, can be used to adjust text color. In the image below, all of the controls selected were colored to be exactly the same as the Label control: TitleOfProject. This was done by setting the Color property of all of the controls selected to TitleOfProject.Color. What\u2019s happening in this syntax is that the Color property of all of the selected controls is set to the same color as TitleOfProject. This means any time you change the original control color, the control\u2019s following this will update to be exactly the same.<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/ed882114-44c6-43b5-9227-22ebb9d4b261.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"004\" border=\"0\" height=\"334\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/ed882114-44c6-43b5-9227-22ebb9d4b261.jpg\" style=\"border: 0px currentcolor; border-image: none; display: inline; background-image: none;\" title=\"004\" width=\"750\"\/><\/a><\/p>\n<p><\/p>\n<p><strong>Text color change in action<\/strong><\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/45bd8802-fce3-4a5e-89d6-5b3a7b89a33c.gif\"><img loading=\"lazy\" decoding=\"async\" alt=\"FontColorChange-Blog\" height=\"312\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/45bd8802-fce3-4a5e-89d6-5b3a7b89a33c.gif\" style=\"display: inline;\" title=\"FontColorChange-Blog\" width=\"500\"\/><\/a><\/p>\n<p><\/p>\n<p><\/p>\n<p>Linking colors<\/p>\n<p>Linking controls is helpful in many ways, not only can you easily update fonts, and font colors, but you can also update the colors of other elements used within your app. In the image below, the selected Rectangle control was renamed to HeaderRectangle, and the Fill property of that control was set to a blue color, RGBA(20, 556, 214, 1).<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/10ff5cb7-da0d-4993-bb20-12572f15b470.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"005\" border=\"0\" height=\"228\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/10ff5cb7-da0d-4993-bb20-12572f15b470.jpg\" style=\"border: 0px currentcolor; border-image: none; display: inline; background-image: none;\" title=\"005\" width=\"750\"\/><\/a><\/p>\n<p><\/p>\n<p>To hook up other elements to use the same color, \u00adsimply use the Fill property of the original control, in this example it is HeaderRectangle.Fill. You can even set the Fill of other controls to be a shade of the original control. Note in the image below, another Rectangle control was renamed to ResultsBox and that control\u2019s fill property is set to ColorFade((HeaderRectangle.Fill), 80%). What\u2019s happening in this syntax is that the fill of this Rectangle is set to use the same fill as the HeaderRectangle, and with <a href=\"https:\/\/powerapps.microsoft.com\/en-us\/tutorials\/function-colors\/\">ColorFade function<\/a> you have the ability to set the that control\u2019s color to be lighter or darker than the original color (in this example we chose to use a lighter shade of the original color).<\/p>\n<p>This is extremely helpful for when you want to rebrand apps to use custom brand colors.<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/b19f9f27-fd55-49d9-b5fc-36d5d37f568e.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"006\" border=\"0\" height=\"241\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/b19f9f27-fd55-49d9-b5fc-36d5d37f568e.jpg\" style=\"border: 0px currentcolor; border-image: none; display: inline; background-image: none;\" title=\"006\" width=\"750\"\/><\/a><\/p>\n<p><\/p>\n<p>This can be applied in different places using different percentages, note in the image below the color fade is set to 90% of the original color.<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/d87f4da2-5590-4d37-8078-0156dac33a70.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"007\" border=\"0\" height=\"278\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/d87f4da2-5590-4d37-8078-0156dac33a70.jpg\" style=\"border: 0px currentcolor; border-image: none; display: inline; background-image: none;\" title=\"007\" width=\"750\"\/><\/a><\/p>\n<p><\/p>\n<p><strong>Color change in action<\/strong><\/p>\n<p><strong><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/1bdc8af7-cf0a-4586-abbe-dddf0f2dc2ee.gif\"><img loading=\"lazy\" decoding=\"async\" alt=\"ColorChange-Blog\" height=\"312\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/1bdc8af7-cf0a-4586-abbe-dddf0f2dc2ee.gif\" style=\"display: inline;\" title=\"ColorChange-Blog\" width=\"500\"\/><\/a><\/strong><\/p>\n<p><\/p>\n<p><\/p>\n<p>Linking spacing and alignment<\/p>\n<p>Linking controls can also be used to align controls to one another. You can do this by setting multiple controls to use the same X property as another control. This way any time you move the original control, all controls set to TitleOfProject.X will move to be in the same location. This gives you the freedom to move around controls without the hassle of individually selecting controls and moving them around or eyeballing the placement.<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/2115bf48-9d9d-47b4-bde0-1f00797083ec.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"008\" border=\"0\" height=\"250\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/2115bf48-9d9d-47b4-bde0-1f00797083ec.jpg\" style=\"border: 0px currentcolor; border-image: none; display: inline; background-image: none;\" title=\"008\" width=\"750\"\/><\/a><\/p>\n<p><\/p>\n<p><strong>Alignment change in action<\/strong><\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/a0cef7c3-7835-457e-bb86-7f8d15e05016.gif\"><img loading=\"lazy\" decoding=\"async\" alt=\"AlignmentX-Blog\" height=\"312\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/a0cef7c3-7835-457e-bb86-7f8d15e05016.gif\" style=\"display: inline;\" title=\"AlignmentX-Blog\" width=\"500\"\/><\/a><\/p>\n<p><\/p>\n<p><\/p>\n<p>Using consistent spacing will make your app look good, but it also serves a functional purpose. When controls are spaced in an even manor, that makes your app easier to read. In the example below note that the Y property is set to a function, this function is taking the placement of the control ProjectManagerHeader.Y and adding the height of that control ProjectManagerHeader.Height, and then adding two pixels.<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/7bb73a4c-e323-43a1-bd35-aa5442ba646f.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"009\" border=\"0\" height=\"269\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/7bb73a4c-e323-43a1-bd35-aa5442ba646f.jpg\" style=\"border: 0px currentcolor; border-image: none; display: inline; background-image: none;\" title=\"009\" width=\"750\"\/><\/a><\/p>\n<p><\/p>\n<p>Note in the gif seen below, you can adjust this function to be anything that you wish. If you think the spacing we used was too tight, you now have the power to go into the file and give it more space.<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/90bb2de3-4ee5-4951-9cef-88a38315dcb4.gif\"><img loading=\"lazy\" decoding=\"async\" alt=\"AlignmentY-Blog\" height=\"312\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/90bb2de3-4ee5-4951-9cef-88a38315dcb4.gif\" style=\"display: inline;\" title=\"AlignmentY-Blog\" width=\"500\"\/><\/a><\/p>\n<p>The important thing to remember is to use the same spacing consistently. If you chose to add 10 instead of 2, be sure to update the spacing everywhere so it looks the same.<\/p>\n<p><a href=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/96b4e6f3-077f-4b3e-a960-3d88b2e42414.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"010\" border=\"0\" height=\"191\" src=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/96b4e6f3-077f-4b3e-a960-3d88b2e42414.jpg\" style=\"border: 0px currentcolor; border-image: none; display: inline; background-image: none;\" title=\"010\" width=\"750\"\/><\/a><\/p>\n<p><strong><br \/><\/strong><\/p>\n<p><\/p>\n<p>Click the <a href=\"https:\/\/tinyurl.com\/yavphycf\">link<\/a> to download the msapp file highlighted within the post which has controls already linked. We encourage you to download and play around with the styling of the app, try different fonts, use your own brand colors, you can even swap out the company logo for your own logo. Make it your own!<\/p>\n<p><\/p>\n<p>For more information on how to design accessible apps<\/p>\n<p><a href=\"https:\/\/msdn.microsoft.com\/en-us\/library\/aa291546(v=vs.71).aspx\">https:\/\/msdn.microsoft.com\/en-us\/library\/aa291546(v=vs.71).aspx<\/a> &#8211; Basic Principles of Accessible Design<\/p>\n<p><a href=\"https:\/\/msdn.microsoft.com\/en-us\/library\/aa291864(v=vs.71).aspx\">https:\/\/msdn.microsoft.com\/en-us\/library\/aa291864(v=vs.71).aspx<\/a> &#8211; Designing Accessible Applications<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Editing the look and feel of apps can seem like a time-consuming task. However, with some easy tips on linking controls redesigning apps can be incredibily easy. Linking controls empowers app development and makes it easy to rebrand for multiple customers.<\/p>\n","protected":false},"author":125,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ms_queue_id":[],"ep_exclude_from_search":false,"_classifai_error":"","_classifai_text_to_speech_error":"","_alt_title":"","ms-ems-related-posts":[],"footnotes":""},"audience":[3378],"content-type":[3423],"job-role":[],"product":[3473],"property":[],"topic":[3421],"coauthors":[2124],"class_list":["post-109183","post","type-post","status-publish","format-standard","hentry","audience-it-professional","content-type-tips-and-guides","product-power-apps","topic-application-modernization"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Design Guidance \u2013 Linking controls for easy design edits - Microsoft Power Platform Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Guidance \u2013 Linking controls for easy design edits - Microsoft Power Platform Blog\" \/>\n<meta property=\"og:description\" content=\"Editing the look and feel of apps can seem like a time-consuming task. However, with some easy tips on linking controls redesigning apps can be incredibily easy. Linking controls empowers app development and makes it easy to rebrand for multiple customers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/design-guidance-linking-controls-for-easy-design-edits\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Power Platform Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-14T17:11:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T15:11:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg\" \/>\n<meta name=\"author\" content=\"Veronica Ward\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Veronica Ward\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/\"},\"author\":[{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/veronica-ward\/\",\"@type\":\"Person\",\"@name\":\"Veronica Ward\"}],\"headline\":\"Design Guidance \u2013 Linking controls for easy design edits\",\"datePublished\":\"2017-09-14T17:11:06+00:00\",\"dateModified\":\"2025-06-11T15:11:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/\"},\"wordCount\":1200,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/\",\"name\":\"Design Guidance \u2013 Linking controls for easy design edits - Microsoft Power Platform Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg\",\"datePublished\":\"2017-09-14T17:11:06+00:00\",\"dateModified\":\"2025-06-11T15:11:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#primaryimage\",\"url\":\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg\",\"contentUrl\":\"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Guidance \u2013 Linking controls for easy design edits\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"name\":\"Microsoft Power Platform Blog\",\"description\":\"Innovate with Business Apps\",\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\",\"name\":\"Microsoft Power Platform Blog\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"width\":194,\"height\":145,\"caption\":\"Microsoft Power Platform Blog\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/person\/99c6ed0d3b569ddfd7b0cebf786e5ddc\",\"name\":\"Veronica Ward\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/87adf4a502297acf72d3476bd5634c8606e2a3aa4eaf58d5faf9a33232ffbe33?s=96&d=mm&r=gda23d1eb76d46ce28783bb75970a866f\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/87adf4a502297acf72d3476bd5634c8606e2a3aa4eaf58d5faf9a33232ffbe33?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/87adf4a502297acf72d3476bd5634c8606e2a3aa4eaf58d5faf9a33232ffbe33?s=96&d=mm&r=g\",\"caption\":\"Veronica Ward\"},\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/v-veward\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Guidance \u2013 Linking controls for easy design edits - Microsoft Power Platform Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/","og_locale":"en_US","og_type":"article","og_title":"Design Guidance \u2013 Linking controls for easy design edits - Microsoft Power Platform Blog","og_description":"Editing the look and feel of apps can seem like a time-consuming task. However, with some easy tips on linking controls redesigning apps can be incredibily easy. Linking controls empowers app development and makes it easy to rebrand for multiple customers.","og_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/design-guidance-linking-controls-for-easy-design-edits\/","og_site_name":"Microsoft Power Platform Blog","article_published_time":"2017-09-14T17:11:06+00:00","article_modified_time":"2025-06-11T15:11:57+00:00","og_image":[{"url":"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg","type":"","width":"","height":""}],"author":"Veronica Ward","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Veronica Ward","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#article","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/"},"author":[{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/veronica-ward\/","@type":"Person","@name":"Veronica Ward"}],"headline":"Design Guidance \u2013 Linking controls for easy design edits","datePublished":"2017-09-14T17:11:06+00:00","dateModified":"2025-06-11T15:11:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/"},"wordCount":1200,"commentCount":0,"publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#primaryimage"},"thumbnailUrl":"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/","name":"Design Guidance \u2013 Linking controls for easy design edits - Microsoft Power Platform Blog","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#primaryimage"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#primaryimage"},"thumbnailUrl":"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg","datePublished":"2017-09-14T17:11:06+00:00","dateModified":"2025-06-11T15:11:57+00:00","breadcrumb":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#primaryimage","url":"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg","contentUrl":"https:\/\/pwrappscdn.azureedge.net\/mediahandler\/blog\/media\/PowerApps\/blog\/e8ad79cc-576e-46a7-b80d-ae5722bfbfcb.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2017\/09\/14\/design-guidance-linking-controls-for-easy-design-edits\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/"},{"@type":"ListItem","position":2,"name":"Design Guidance \u2013 Linking controls for easy design edits"}]},{"@type":"WebSite","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","name":"Microsoft Power Platform Blog","description":"Innovate with Business Apps","publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization","name":"Microsoft Power Platform Blog","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","contentUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","width":194,"height":145,"caption":"Microsoft Power Platform Blog"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/person\/99c6ed0d3b569ddfd7b0cebf786e5ddc","name":"Veronica Ward","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/87adf4a502297acf72d3476bd5634c8606e2a3aa4eaf58d5faf9a33232ffbe33?s=96&d=mm&r=gda23d1eb76d46ce28783bb75970a866f","url":"https:\/\/secure.gravatar.com\/avatar\/87adf4a502297acf72d3476bd5634c8606e2a3aa4eaf58d5faf9a33232ffbe33?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/87adf4a502297acf72d3476bd5634c8606e2a3aa4eaf58d5faf9a33232ffbe33?s=96&d=mm&r=g","caption":"Veronica Ward"},"url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/v-veward\/"}]}},"bloginabox_animated_featured_image":null,"bloginabox_display_generated_audio":false,"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Microsoft Power Platform Blog","distributor_original_site_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/109183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/comments?post=109183"}],"version-history":[{"count":1,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/109183\/revisions"}],"predecessor-version":[{"id":131191,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/109183\/revisions\/131191"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media?parent=109183"}],"wp:term":[{"taxonomy":"audience","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/audience?post=109183"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/content-type?post=109183"},{"taxonomy":"job-role","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/job-role?post=109183"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/product?post=109183"},{"taxonomy":"property","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/property?post=109183"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/topic?post=109183"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/coauthors?post=109183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}