{"id":33426,"date":"2022-12-21T16:15:13","date_gmt":"2022-12-21T10:45:13","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=33426"},"modified":"2022-12-23T17:15:19","modified_gmt":"2022-12-23T11:45:19","slug":"create-tables-using-canvas-app-designer-within-power-platform","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2022\/12\/create-tables-using-canvas-app-designer-within-power-platform\/","title":{"rendered":"Create tables using Canvas App Designer within Power Platform"},"content":{"rendered":"<p>As we all know, to create the table in the Power Platform environment we have to go to the <a href=\"https:\/\/make.powerapps.com\/environments\/Default-73c7c08e-a5d5-497e-98d7-84802892e279\/home\" target=\"_blank\" rel=\"noopener\">Power Apps Home<\/a> and there we can find the table option inside the Dataverse navigation area. Now suppose you are designing a Canvas App using Canvas App Designer and you want to create a table to store data. In this case, you would need to come out of the Canvas App Editor and create a table using the Dataverse navigation area. But now Microsoft has made it easier and it allows us to create tables from inside the canvas app designer itself instead of going outside of the Canvas App designer. Let\u2019s see one example to leverage this feature.<\/p>\n<p><strong>Follow the below steps to create the Custom Table inside the Canvas App.<\/strong><\/p>\n<p>1. Navigate to make.powerapps.com -&gt; Apps -&gt;\u00a0 +New app -&gt; Canvas.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33432\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/1Canvas-App-ink.jpeg\" alt=\"Canvas App\" width=\"820\" height=\"265\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/1Canvas-App-ink.jpeg 820w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/1Canvas-App-ink-300x97.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/1Canvas-App-ink-768x248.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/1Canvas-App-ink-660x213.jpeg 660w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/p>\n<p>2. To create the custom table inside the <strong>Canvas app<\/strong>, follow the below steps:<\/p>\n<p>a. Open Canvas App<\/p>\n<p>b. Click on Data<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33431\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/2Canvas-App-1.jpeg\" alt=\"Canvas App\" width=\"345\" height=\"382\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/2Canvas-App-1.jpeg 345w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/2Canvas-App-1-271x300.jpeg 271w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/p>\n<p>c. Add Data<\/p>\n<p>d. Click on Create a new table<\/p>\n<p>3. When you click on <strong>Create new table<\/strong> a popup window will open and you have to enter the name of the table that you want to create newly. For example, creating a table name with <strong>\u201cRegistration Details\u201d<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33430\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/3Canvas-App.jpeg\" alt=\"Canvas App\" width=\"386\" height=\"308\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/3Canvas-App.jpeg 386w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/3Canvas-App-300x239.jpeg 300w\" sizes=\"(max-width: 386px) 100vw, 386px\" \/><\/p>\n<p>4. After filling in the table name click on <strong>Create<\/strong> button, and another popup window will open, where you can create different types of columns for your table.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33429\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/4Canvas-App.jpeg\" alt=\"Canvas App\" width=\"1404\" height=\"753\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/4Canvas-App.jpeg 1404w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/4Canvas-App-300x161.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/4Canvas-App-1024x549.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/4Canvas-App-768x412.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/4Canvas-App-660x354.jpeg 660w\" sizes=\"(max-width: 1404px) 100vw, 1404px\" \/><\/p>\n<p><strong>Show created table data using canvas app screens:<\/strong><\/p>\n<p>1. Now we have to simply add two screens one for the <strong>Registration Details<\/strong> Form and another to show created records<\/p>\n<p>2. Then we add one <strong>Edit form <\/strong>to enter details and select the newly created table <strong>Registration Details <\/strong>as a data source<strong>.<\/strong> After the Registration form is created successfully<\/p>\n<p>3. On screen 1 we have to add one button to Submit form details. Set<strong> the select<\/strong>property of\u00a0<strong>Submit\u00a0<\/strong>button, add the fx code to submit the record, and navigate to screen 2 to show records.<\/p>\n<p>4. On screen 2 we have to add one Vertical Gallery to show created Records.<\/p>\n<p>5. Now save and publish the app to reflect the changes. Then play the App from PowerApp Studio as seen in the below screenshot:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33428\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/5Canvas-App.jpeg\" alt=\"Canvas App\" width=\"1306\" height=\"674\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/5Canvas-App.jpeg 1306w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/5Canvas-App-300x155.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/5Canvas-App-1024x528.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/5Canvas-App-768x396.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/5Canvas-App-660x341.jpeg 660w\" sizes=\"(max-width: 1306px) 100vw, 1306px\" \/><\/p>\n<p>Enter the details and click on submit button to create the Registration Details record.<\/p>\n<p>The list of created records will be shown as below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-33427\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/6Canvas-App.jpeg\" alt=\"Canvas App\" width=\"1309\" height=\"717\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/6Canvas-App.jpeg 1309w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/6Canvas-App-300x164.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/6Canvas-App-1024x561.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/6Canvas-App-768x421.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/6Canvas-App-660x362.jpeg 660w\" sizes=\"(max-width: 1309px) 100vw, 1309px\" \/><\/p>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p>In this way, we can create a custom table inside the Canvas App directly instead of navigating to Dataverse area.<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/dynamics-365-crm-productivity-apps\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone  wp-image-33434\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/b.jpg\" alt=\"All Apps\" width=\"828\" height=\"207\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/b.jpg 800w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/b-300x75.jpg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/b-768x192.jpg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/12\/b-660x165.jpg 660w\" sizes=\"(max-width: 828px) 100vw, 828px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As we all know, to create the table in the Power Platform environment we have to go to the Power Apps Home and there we can find the table option inside the Dataverse navigation area. Now suppose you are designing a Canvas App using Canvas App Designer and you want to create a table to\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2022\/12\/create-tables-using-canvas-app-designer-within-power-platform\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","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":[1954,2354,38,2361],"tags":[1867,1351],"class_list":["post-33426","post","type-post","status-publish","format-standard","hentry","category-canvas-apps","category-dataverse","category-microsoft-powerapps","category-technical","tag-canvas-app","tag-power-platform"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/33426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=33426"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/33426\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=33426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=33426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=33426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}