{"id":2057,"date":"2020-06-10T07:56:08","date_gmt":"2020-06-10T11:56:08","guid":{"rendered":"https:\/\/toddbaginski.com\/blog\/?p=2057"},"modified":"2020-06-10T08:18:53","modified_gmt":"2020-06-10T12:18:53","slug":"power-apps-tree-control","status":"publish","type":"post","link":"https:\/\/toddbaginski.com\/blog\/power-apps-tree-control\/","title":{"rendered":"Power Apps Tree Control"},"content":{"rendered":"\n<p>We recently created a Power App with a complex tree view control.  Because Power Apps does not provide an out of the box tree view control, we investigated different ways to build one. <\/p>\n\n\n\n<p>There are several ways a tree view can be implemented in Power Apps.  After investigating many approaches, we found these patterns work the best. <\/p>\n\n\n<ul class=\"rich-text block-editor-rich-text__editable\" role=\"textbox\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Write list\u2026\">\n<li>Nested flexible-height Gallery controls<\/li>\n<li>Single flexible-height Gallery control<\/li>\n<li>Custom Power Apps PCF control (TypeScript)<\/li>\n<\/ul>\n\n\n<p>Learn more in this video and in <a rel=\"noreferrer noopener\" aria-label=\"my blog post (opens in a new tab)\" href=\"https:\/\/www.canviz.com\/power-apps-tree-control\" target=\"_blank\">my other blog post<\/a> about this topic.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube aligncenter wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Power Apps Tree Control\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/H8RKJnHEWtM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create a tree view in Power Apps.<\/p>\n","protected":false},"author":1,"featured_media":2060,"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":[103,104,121],"tags":[42,122,54,45,112],"class_list":["post-2057","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cloud","category-office-365","category-powerapps","tag-cloud","tag-how-to-powerapps","tag-mobile","tag-o365","tag-powerapps"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/posts\/2057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/comments?post=2057"}],"version-history":[{"count":5,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/posts\/2057\/revisions"}],"predecessor-version":[{"id":2063,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/posts\/2057\/revisions\/2063"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/media\/2060"}],"wp:attachment":[{"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/media?parent=2057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/categories?post=2057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/tags?post=2057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}