{"id":36306,"date":"2023-10-27T14:39:51","date_gmt":"2023-10-27T09:09:51","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=36306"},"modified":"2023-10-27T14:40:10","modified_gmt":"2023-10-27T09:10:10","slug":"simplify-form-design-using-associated-grid-control","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2023\/10\/simplify-form-design-using-associated-grid-control\/","title":{"rendered":"Simplify Form Design using Associated Grid Control"},"content":{"rendered":"

The newly introduced Associated Grid Control<\/strong> allows us to enhance the form’s simplicity and readability by showcasing related record details up to four subgrids. This Associated Grid Control<\/strong> is available for all tables.<\/p>\n

Steps to configure the Associated Grid Control,<\/strong><\/h3>\n

1. Navigate to https:\/\/make.powerapps.com<\/p>\n

2. Select the environment that contains your solution and select Table<\/strong> > Forms<\/strong> > open the form on which you want to add the Associated Grid Control<\/strong>.<\/p>\n

3. In the form designer, select Associated Grid Control <\/strong>in the More Components<\/strong> list from the left navigation as shown below,<\/p>\n

\"Simplify<\/p>\n

4. On dragging it to form, you will see the properties panel where you can specify the Tables<\/strong> along with the Default View<\/strong> that needs to be displayed for the respective table in the subgrids.<\/p>\n

\"Simplify<\/p>\n

5. Make sure, you select the \u201cShow related records<\/strong>\u201d property to display only records that are related to the current record on the form and not all the available records and this property applies to only Subgrid 1<\/strong>.<\/p>\n

While setting the same, the below popup message will be displayed to reset the component of the Associated Grid control<\/strong> and on clicking Reset Component<\/strong>, you have again set the Subgrid 1 properties<\/strong> as this setting applies to only Subgrid 1<\/strong> as shown below,<\/p>\n

\"Simplify<\/em><\/p>\n

\"Simplify<\/p>\n

For other subgrids to display only related records, you can specify the Relationship name<\/strong> of the related table with the current table in the control properties as shown below,<\/p>\n

\"Simplify<\/p>\n

6. Once you are done with the configuration, you can Save and publish<\/strong> the form and see how it looks,<\/p>\n

\"Simplify<\/p>\n

7. If you want to see any other title for those subgrids i.e. instead of All Opportunities<\/strong> just display Opportunities<\/strong>, you can set it in the control properties.<\/p>\n

By default, the Default View Name<\/strong> selected for the respective subgrids will be displayed as Title<\/strong>.<\/p>\n

\"Simplify<\/p>\n

\"Simplify<\/p>\n

8. Also, you can configure control on each subgrid in the properties as shown below,<\/p>\n

\"Simplify<\/p>\n

Conclusion<\/strong><\/h2>\n

This newly introduced Associated Grid Control<\/strong> will surely make the user experience easy while working with forms\/subgrids and turn complex forms into simpler versions.<\/p>\n

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

The newly introduced Associated Grid Control allows us to enhance the form’s simplicity and readability by showcasing related record details up to four subgrids. This Associated Grid Control is available for all tables. Steps to configure the Associated Grid Control, 1. Navigate to https:\/\/make.powerapps.com 2. Select the environment that contains your solution and select Table\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":11,"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":[16,18],"tags":[2792],"class_list":["post-36306","post","type-post","status-publish","format-standard","hentry","category-dynamics-365","category-dynamics-365-v9-2","tag-associated-grid-control"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/36306","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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=36306"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/36306\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=36306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=36306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=36306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}