{"id":31291,"date":"2022-03-31T14:24:46","date_gmt":"2022-03-31T08:54:46","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=31291"},"modified":"2023-05-31T17:58:28","modified_gmt":"2023-05-31T12:28:28","slug":"editable-grid-feature-in-model-driven-apps-with-power-apps-grid-control","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2022\/03\/editable-grid-feature-in-model-driven-apps-with-power-apps-grid-control\/","title":{"rendered":"Editable Grid feature in Model-driven apps with Power Apps grid control"},"content":{"rendered":"<h2><strong>Introduction:<\/strong><\/h2>\n<p>Microsoft has brought in some intuitive features in its 2022 Wave 1 release. In this blog, we will explore the new editable features in the Power Apps grid control in model-driven apps.<\/p>\n<p>There are two primary additions to the new Power Apps grid control (preview) for <a href=\"https:\/\/www.inogic.com\/services\/microsoft-power-platform\/microsoft-power-apps-model-driven-apps\/\" target=\"_blank\" rel=\"noopener\">model-driven apps<\/a>:<\/p>\n<ul>\n<li><strong>Infinite scrolling<\/strong>: Users no longer need to navigate through pages to see more records. With infinite scroll, users can keep scrolling to their desired record.<\/li>\n<li><strong>Inline editing within views and subgrids<\/strong>: As the name suggests, using this control gives user the ability to edit the records directly from the view.<\/li>\n<\/ul>\n<p><strong>Steps:<\/strong><\/p>\n<p>To enable this feature, follow the steps given below:<\/p>\n<ul>\n<li>Click on\u00a0the <strong>gear icon\u00a0<\/strong>at the top right -&gt; Select\u00a0<strong>Advanced Settings.<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31310\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"1365\" height=\"662\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Power-Apps-Grid-control.jpeg 1365w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Power-Apps-Grid-control-300x145.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Power-Apps-Grid-control-1024x497.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Power-Apps-Grid-control-768x372.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/1Power-Apps-Grid-control-660x320.jpeg 660w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/p>\n<ul>\n<li>Then go to\u00a0<strong>Settings -&gt;<\/strong>\u00a0<strong>Customizations<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31309\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"1365\" height=\"665\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Power-Apps-Grid-control.jpeg 1365w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Power-Apps-Grid-control-300x146.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Power-Apps-Grid-control-1024x499.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Power-Apps-Grid-control-768x374.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/2Power-Apps-Grid-control-660x322.jpeg 660w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/p>\n<ul>\n<li>Next click on\u00a0<strong>Customize the System<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31308\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Power-Apps-Grid-Control-scaled.jpeg\" alt=\"Power Apps Grid control\" width=\"2560\" height=\"548\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Power-Apps-Grid-Control-scaled.jpeg 2560w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Power-Apps-Grid-Control-300x64.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Power-Apps-Grid-Control-1024x219.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Power-Apps-Grid-Control-768x164.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Power-Apps-Grid-Control-1536x329.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Power-Apps-Grid-Control-2048x438.jpeg 2048w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/3Power-Apps-Grid-Control-660x141.jpeg 660w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<ul>\n<li>Now go to <strong>Components -&gt; Entities -&gt; Select Account-&gt; Controls <\/strong>tab<strong>.<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31307\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"2034\" height=\"624\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Power-Apps-Grid-control.jpeg 2034w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Power-Apps-Grid-control-300x92.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Power-Apps-Grid-control-1024x314.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Power-Apps-Grid-control-768x236.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Power-Apps-Grid-control-1536x471.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/4Power-Apps-Grid-control-660x202.jpeg 660w\" sizes=\"(max-width: 2034px) 100vw, 2034px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Note:<\/strong> We are using the Account entity\/table for demonstration purposes. This can be applied to other entities as well.<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/services\/microsoft-power-platform\/microsoft-power-apps-model-driven-apps\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone size-full wp-image-34896\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2023\/05\/Want-to-visualize-and-build-up-a-Model-Driven-App-atop-your-steady-working-framework.gif\" alt=\"\" width=\"700\" height=\"200\" \/><\/a><\/p>\n<ul>\n<li>Now click on <strong>Add Control -&gt; Select <\/strong>Power Apps grid<strong>control -&gt; Click on Add.<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31306\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/5Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"786\" height=\"712\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/5Power-Apps-Grid-control.jpeg 786w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/5Power-Apps-Grid-control-300x272.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/5Power-Apps-Grid-control-768x696.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/5Power-Apps-Grid-control-660x598.jpeg 660w\" sizes=\"(max-width: 786px) 100vw, 786px\" \/><\/p>\n<ul>\n<li>Now enable it for <strong>Web, Phone, and Tablet.<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31305\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/6Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"2036\" height=\"1056\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/6Power-Apps-Grid-control.jpeg 2036w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/6Power-Apps-Grid-control-300x156.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/6Power-Apps-Grid-control-1024x531.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/6Power-Apps-Grid-control-768x398.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/6Power-Apps-Grid-control-1536x797.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/6Power-Apps-Grid-control-660x342.jpeg 660w\" sizes=\"(max-width: 2036px) 100vw, 2036px\" \/><\/p>\n<p>Next, let\u2019s configure the properties for the control.<\/p>\n<ul>\n<li><strong>Add Lookup \u2013 <\/strong>This property detects the lookup fields available in the view for the entity on which the control has been configured and then allows us to select a view on which the lookup will get filtered. This can be applied for multiple lookup fields present in the view for the entity on which the control has been configured.<\/li>\n<\/ul>\n<ul>\n<li>Select\u00a0<strong>Add Lookup<\/strong>, which opens the\u00a0<strong>Configure Property &#8220;Add Lookup&#8221;<\/strong>dialog box.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31304\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/7Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"2026\" height=\"856\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/7Power-Apps-Grid-control.jpeg 2026w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/7Power-Apps-Grid-control-300x127.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/7Power-Apps-Grid-control-1024x433.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/7Power-Apps-Grid-control-768x324.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/7Power-Apps-Grid-control-1536x649.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/7Power-Apps-Grid-control-660x279.jpeg 660w\" sizes=\"(max-width: 2026px) 100vw, 2026px\" \/><\/p>\n<ul>\n<li>In the\u00a0<strong>Available Views<\/strong>, select the view of the parent entity (which is Account in our case) having a lookup column pointing to a child entity (which is Contact in our case).<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31303\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"820\" height=\"822\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Power-Apps-Grid-control.jpeg 820w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Power-Apps-Grid-control-300x300.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Power-Apps-Grid-control-150x150.jpeg 150w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Power-Apps-Grid-control-768x770.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/8Power-Apps-Grid-control-660x662.jpeg 660w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/p>\n<ul>\n<li>In <strong>Available Columns<\/strong>, select the lookup column to add (for example &#8211; Primary Contact).<\/li>\n<li>In <strong>Default View<\/strong>, select the data source for the lookup field.<\/li>\n<li>You can further add filter to the records displayed in the lookup by enabling the checkbox <strong>\u2018Only show records where\u2019<\/strong>.<\/li>\n<li>Once everything is set up, click on OK button.<\/li>\n<\/ul>\n<p>Based on the above setup we can see that the primary contact lookup can be edited from the <strong>All Accounts<\/strong> view showing the records from the Contacts Lookup View.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31302\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"1362\" height=\"654\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Power-Apps-Grid-control.jpeg 1362w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Power-Apps-Grid-control-300x144.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Power-Apps-Grid-control-1024x492.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Power-Apps-Grid-control-768x369.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/9Power-Apps-Grid-control-660x317.jpeg 660w\" sizes=\"(max-width: 1362px) 100vw, 1362px\" \/><\/p>\n<ul>\n<li><strong>Enable Editing &#8211; <\/strong>This is a Boolean property to either make the grid editable or not. If set to <strong>Yes,<\/strong> the records in the grid can be edited inline itself.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31301\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"2022\" height=\"862\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Power-Apps-Grid-control.jpeg 2022w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Power-Apps-Grid-control-300x128.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Power-Apps-Grid-control-1024x437.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Power-Apps-Grid-control-768x327.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Power-Apps-Grid-control-1536x655.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/10Power-Apps-Grid-control-660x281.jpeg 660w\" sizes=\"(max-width: 2022px) 100vw, 2022px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31300\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"1362\" height=\"615\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Power-Apps-Grid-control.jpeg 1362w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Power-Apps-Grid-control-300x135.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Power-Apps-Grid-control-1024x462.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Power-Apps-Grid-control-768x347.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/11Power-Apps-Grid-control-660x298.jpeg 660w\" sizes=\"(max-width: 1362px) 100vw, 1362px\" \/><\/p>\n<ul>\n<li><strong>Enable or disable filtering in the grid \u2013 <\/strong>The purpose of this property is to enable or disable filtering in the grid.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31299\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"2028\" height=\"864\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Power-Apps-Grid-control.jpeg 2028w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Power-Apps-Grid-control-300x128.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Power-Apps-Grid-control-1024x436.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Power-Apps-Grid-control-768x327.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Power-Apps-Grid-control-1536x654.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/12Power-Apps-Grid-control-660x281.jpeg 660w\" sizes=\"(max-width: 2028px) 100vw, 2028px\" \/><\/p>\n<p>After Enabling Filtering, the Filter by property in the grid is enabled as below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31298\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"1365\" height=\"671\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Power-Apps-Grid-control.jpeg 1365w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Power-Apps-Grid-control-300x147.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Power-Apps-Grid-control-1024x503.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Power-Apps-Grid-control-768x378.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/13Power-Apps-Grid-control-660x324.jpeg 660w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/p>\n<p>After Disabling Filtering, the Filter by property in the grid is disabled as below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31297\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/14Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"1976\" height=\"788\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/14Power-Apps-Grid-control.jpeg 1976w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/14Power-Apps-Grid-control-300x120.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/14Power-Apps-Grid-control-1024x408.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/14Power-Apps-Grid-control-768x306.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/14Power-Apps-Grid-control-1536x613.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/14Power-Apps-Grid-control-660x263.jpeg 660w\" sizes=\"(max-width: 1976px) 100vw, 1976px\" \/><\/p>\n<ul>\n<li><strong>Navigation types allowed &#8211; <\/strong>This property comes with 2 options i.e. <strong>All<\/strong>, <strong>Primary only<\/strong>. If <strong>Primary Only <\/strong>is selected then the grid allows the provision of navigating to a record on the primary field of the parent entity. So as per our scenario, the navigation is allowed only on the Account Name field and not on any of the lookup fields.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31296\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/15Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"2012\" height=\"858\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/15Power-Apps-Grid-control.jpeg 2012w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/15Power-Apps-Grid-control-300x128.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/15Power-Apps-Grid-control-1024x437.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/15Power-Apps-Grid-control-768x328.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/15Power-Apps-Grid-control-1536x655.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/15Power-Apps-Grid-control-660x281.jpeg 660w\" sizes=\"(max-width: 2012px) 100vw, 2012px\" \/><\/p>\n<ul>\n<li><strong>Reflow Behavior<\/strong>: &#8211;<\/li>\n<\/ul>\n<p>This property decides how the grid will get displayed. This property comes with three options i.e. \u00a0<strong>Reflow, Grid only,<\/strong> and <strong>List only<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31295\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/16Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"2012\" height=\"858\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/16Power-Apps-Grid-control.jpeg 2012w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/16Power-Apps-Grid-control-300x128.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/16Power-Apps-Grid-control-1024x437.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/16Power-Apps-Grid-control-768x328.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/16Power-Apps-Grid-control-1536x655.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/16Power-Apps-Grid-control-660x281.jpeg 660w\" sizes=\"(max-width: 2012px) 100vw, 2012px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31294\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/17Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"510\" height=\"443\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/17Power-Apps-Grid-control.jpeg 510w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/17Power-Apps-Grid-control-300x261.jpeg 300w\" sizes=\"(max-width: 510px) 100vw, 510px\" \/><\/p>\n<ul>\n<li>Reflow behavior \u2013 Reflow<\/li>\n<\/ul>\n<p>This will adjust the Grid based on the width. If the width is small then automatically data will be shown in list mode or else it will continue to show in grid mode.<\/p>\n<ul>\n<li>Reflow behavior \u2013 Grid Only<\/li>\n<\/ul>\n<p>Here, the grid is always shown in grid mode.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31311\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/grid.png\" alt=\"\" width=\"1365\" height=\"666\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/grid.png 1365w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/grid-300x146.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/grid-1024x500.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/grid-768x375.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/grid-660x322.png 660w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Reflow behavior \u2013 List Only<\/li>\n<\/ul>\n<p>Here, the grid is always shown in list mode.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-31293\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/18Power-Apps-Grid-control.jpeg\" alt=\"Power Apps Grid control\" width=\"1373\" height=\"630\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/18Power-Apps-Grid-control.jpeg 1373w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/18Power-Apps-Grid-control-300x138.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/18Power-Apps-Grid-control-1024x470.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/18Power-Apps-Grid-control-768x352.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/03\/18Power-Apps-Grid-control-660x303.jpeg 660w\" sizes=\"(max-width: 1373px) 100vw, 1373px\" \/><\/p>\n<h2><strong>Conclusion<\/strong>:<\/h2>\n<p>Thus, you can how this new feature gives a new way to visualize CRM data while at the same time easing the process of editing and navigating to records which will further save your time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction: Microsoft has brought in some intuitive features in its 2022 Wave 1 release. In this blog, we will explore the new editable features in the Power Apps grid control in model-driven apps. There are two primary additions to the new Power Apps grid control (preview) for model-driven apps: Infinite scrolling: Users no longer need\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2022\/03\/editable-grid-feature-in-model-driven-apps-with-power-apps-grid-control\/\">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":[38,44,2361],"tags":[2028,2587],"class_list":["post-31291","post","type-post","status-publish","format-standard","hentry","category-microsoft-powerapps","category-power-apps","category-technical","tag-model-driven-apps","tag-power-apps-grid-control"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/31291","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=31291"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/31291\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=31291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=31291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=31291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}