{"id":1323,"date":"2017-10-03T07:42:09","date_gmt":"2017-10-03T13:42:09","guid":{"rendered":"https:\/\/toddbaginski.com\/blog\/?p=1323"},"modified":"2018-06-04T14:48:24","modified_gmt":"2018-06-04T18:48:24","slug":"how-to-make-a-rectangle-with-rounded-corners-in-a-powerapp","status":"publish","type":"post","link":"https:\/\/toddbaginski.com\/blog\/how-to-make-a-rectangle-with-rounded-corners-in-a-powerapp\/","title":{"rendered":"HOW TO: Make a rectangle with rounded corners in a PowerApp"},"content":{"rendered":"

I’m working on a PowerApp with Microsoft and my team right now that has a design which includes\u00a0a rectangle with rounded corners. Here’s what it looks like, notice the rounded corners.<\/p>\n

\"\"<\/a><\/p>\n

To implement the design, you may\u00a0think the rectangle icon is where you start.<\/p>\n

\"\"<\/a><\/p>\n

However, you will quickly find the rectangle icon does not currently include a Radius property that allows you to round the corners.<\/p>\n

\"\"<\/a><\/p>\n

To implement the rounded corners on a rectangle, simply add a Button control to your PowerApp and set the Radius property, then delete the Text from the button and disable it.<\/p>\n

\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

I’m working on a PowerApp with Microsoft and my team right now that has a design which includes\u00a0a rectangle with rounded corners. Here’s what it looks [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":1329,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[88,104,121],"tags":[122,112],"class_list":["post-1323","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-office","category-office-365","category-powerapps","tag-how-to-powerapps","tag-powerapps"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t