{"id":1148,"date":"2021-06-09T11:17:54","date_gmt":"2021-06-09T11:17:54","guid":{"rendered":"https:\/\/365stack.in\/?p=1148"},"modified":"2021-06-09T11:18:00","modified_gmt":"2021-06-09T11:18:00","slug":"how-to-use-gallery-control-in-powerapps","status":"publish","type":"post","link":"https:\/\/365stack.in\/index.php\/2021\/06\/09\/how-to-use-gallery-control-in-powerapps\/","title":{"rendered":"How To Use Gallery Control In PowerApps"},"content":{"rendered":"\n<ul class=\"wp-block-list\" type=\"1\"><li>Choose anyone of the Gallery type. Here I&#8217;m using Blank Vertical.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"309\" data-attachment-id=\"1150\" data-permalink=\"https:\/\/365stack.in\/index.php\/2021\/06\/09\/how-to-use-gallery-control-in-powerapps\/image-8\/\" data-orig-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-8.png?fit=873%2C422&amp;ssl=1?v=1623349367\" data-orig-size=\"873,422\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"image-8\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-8.png?fit=300%2C145&amp;ssl=1?v=1623349367\" data-large-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-8.png?fit=640%2C309&amp;ssl=1?v=1623349367\" src=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-8.png?resize=640%2C309&#038;ssl=1\" alt=\"\" class=\"wp-image-1150\" srcset=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-8.png?w=873&amp;ssl=1 873w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-8.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-8.png?w=768&amp;ssl=1 768w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-8.png?w=825&amp;ssl=1 825w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>Commonly used properties<ul><li>Items &#8211; where you can configure your datasource (i.e. Table of Data). Here I&#8217;m using Excel as a datasource and my table name is &#8220;OrderDetail&#8221;.<\/li><li>Template Size &#8211; where you can define row size of your gallery.<\/li><li>Template Fill &#8211; where you can give row background color.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"406\" data-attachment-id=\"1152\" data-permalink=\"https:\/\/365stack.in\/index.php\/2021\/06\/09\/how-to-use-gallery-control-in-powerapps\/image-10\/\" data-orig-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-10.png?fit=862%2C547&amp;ssl=1?v=1623349365\" data-orig-size=\"862,547\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"image-10\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-10.png?fit=300%2C190&amp;ssl=1?v=1623349365\" data-large-file=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-10.png?fit=640%2C406&amp;ssl=1?v=1623349365\" src=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-10.png?resize=640%2C406&#038;ssl=1\" alt=\"\" class=\"wp-image-1152\" srcset=\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-10.png?w=862&amp;ssl=1 862w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-10.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/image-10.png?w=768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\" type=\"1\"><li>How to access items\/data from gallery control.<ol><li>GalleryName.Selected <ul><li>Selected method used to get selected item from gallery control. Eg. GalleryOrder.Email<\/li><\/ul><\/li><li>GalleryName.AllItems<ul><li>AllItems method will return all the records which is displayed in gallery control.<\/li><\/ul><\/li><\/ol><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><div  id=\"_ytid_91035\"  width=\"640\" height=\"360\"  data-origwidth=\"640\" data-origheight=\"360\" data-facadesrc=\"https:\/\/www.youtube.com\/embed\/Bjz70fkZAs4?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;modestbranding=1&#038;rel=1&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;\" class=\"__youtube_prefs__ epyt-facade epyt-is-override  no-lazyload\" data-epautoplay=\"1\" ><img decoding=\"async\" data-spai-excluded=\"true\" class=\"epyt-facade-poster skip-lazy\" loading=\"lazy\"  alt=\"YouTube player\"  src=\"https:\/\/i0.wp.com\/i.ytimg.com\/vi\/Bjz70fkZAs4\/maxresdefault.jpg?w=640&#038;ssl=1\"  data-recalc-dims=\"1\" \/><button class=\"epyt-facade-play\" aria-label=\"Play\"><svg data-no-lazy=\"1\" height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\"><path class=\"ytp-large-play-button-bg\" d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\"><\/path><path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"><\/path><\/svg><\/button><\/div><\/div>\n<\/div><\/figure>\n\n\n\n<p>Thank you so much&#8230; Happy Building!!! \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Post will guide how to create card view using Gallery control. <\/p>\n","protected":false},"author":3,"featured_media":1149,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[6,5],"tags":[12,27,9],"class_list":["post-1148","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-canvas-apps","category-powerapps","tag-canvas-app","tag-gallery","tag-powerapps"],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/GalleryControlTumbnail.png?fit=900%2C628&ssl=1?v=1623349368","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1631,"url":"https:\/\/365stack.in\/index.php\/2021\/11\/27\/add-repeating-section-in-powerapps\/","url_meta":{"origin":1148,"position":0},"title":"Add repeating section in PowerApps","author":"Hemanthkumar Rajan","date":"November 27, 2021","format":false,"excerpt":"As we already discussed, Gallery is a multipurpose control in the canvas app. One of the use-cases of gallery is the repeating section, this scenario will be applicable between Parent-Child relationships in Lists or tables and if the form is converted from Nintex, InfoPath (OOTB repeating section control available there)\u2026","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-197.png?fit=1045%2C267&ssl=1%3Fv%3D1637926841&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1527,"url":"https:\/\/365stack.in\/index.php\/2021\/11\/21\/how-to-create-custom-attachment-control-in-powerapps\/","url_meta":{"origin":1148,"position":1},"title":"How to create custom attachment control in PowerApps","author":"Hemanthkumar Rajan","date":"November 21, 2021","format":false,"excerpt":"Attaching a file along with the form is a common requirement, By default PowerApps does not provide any attachment control. But if the SharePoint list is added as a datasource automatically the attachment control will be generated along with the controls. But if multiple attachment control has to be shown\u2026","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-143.png?fit=1200%2C467&ssl=1%3Fv%3D1637483532&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1232,"url":"https:\/\/365stack.in\/index.php\/2021\/07\/04\/how-to-build-responsive-gallery-using-powerapps-canvas-app\/","url_meta":{"origin":1148,"position":2},"title":"How To Build Responsive Gallery using PowerApps | Canvas App","author":"Kanagaraj Neelamegan","date":"July 4, 2021","format":false,"excerpt":"Lets create responsive card view using gallery control in power apps.","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/07\/Responsivegallery.png?fit=1037%2C766&ssl=1%3Fv%3D1625418734&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1633,"url":"https:\/\/365stack.in\/index.php\/2021\/12\/29\/how-to-add-check-box-grouping-in-canvas-app\/","url_meta":{"origin":1148,"position":3},"title":"How to add check box grouping in Canvas App","author":"Hemanthkumar Rajan","date":"December 29, 2021","format":false,"excerpt":"Those who worked in SharePoint will be familiar with checkbox grouping because the \"choice column\" in SharePoint allows the Checkboxes option. It will be similar in SharePoint aligned BPM tools like Nintex and K2. Most of the BPM tools like Pega and even in Power Platform do not provide this\u2026","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-190.png?fit=769%2C471&ssl=1%3Fv%3D1638008855&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1139,"url":"https:\/\/365stack.in\/index.php\/2021\/06\/09\/how-to-perform-both-filter-and-search-in-gallery-using-power-apps\/","url_meta":{"origin":1148,"position":4},"title":"How To Perform Both Filter And Search In Gallery Using PowerApps","author":"Kanagaraj Neelamegan","date":"June 9, 2021","format":"video","excerpt":"Perform Search and Filter together in Gallery control. https:\/\/youtu.be\/TSj35fiDjqQ","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/FilterSearch.png?fit=1200%2C541&ssl=1%3Fv%3D1623349368&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2278,"url":"https:\/\/365stack.in\/index.php\/2021\/12\/28\/how-to-send-json-data-to-canvas-apps\/","url_meta":{"origin":1148,"position":5},"title":"How to send JSON data to Canvas Apps","author":"Premkumar Perumal","date":"December 28, 2021","format":false,"excerpt":"We're going to explain how to send a JSON response from Power Automate to Canvas app and how to convert the response into Collection format in Canvas app. To illustrate, we have explained a small app as example. As First step, create a new Instant flow that can be triggered\u2026","rel":"","context":"In &quot;Canvas Apps&quot;","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/12\/Screenshot-2021-12-28-103100.png?fit=836%2C391&ssl=1%3Fv%3D1640667678&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts\/1148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/comments?post=1148"}],"version-history":[{"count":1,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts\/1148\/revisions"}],"predecessor-version":[{"id":1153,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts\/1148\/revisions\/1153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/media\/1149"}],"wp:attachment":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/media?parent=1148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/categories?post=1148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/tags?post=1148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}