{"id":1810,"date":"2022-07-13T13:22:02","date_gmt":"2022-07-13T13:22:02","guid":{"rendered":"https:\/\/poiseddevelopers.com\/reality-tech\/?p=1810"},"modified":"2024-04-26T12:10:56","modified_gmt":"2024-04-26T12:10:56","slug":"part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery","status":"publish","type":"post","link":"https:\/\/poiseddevelopers.com\/reality-tech\/part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery\/","title":{"rendered":"Part 1: Expand-Collapse rows in PowerApps Canvas App Gallery"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery\/#Summary\" title=\"Summary\">Summary<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery\/#Step-1\" title=\"Step-1\">Step-1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery\/#Step-2\" title=\"Step-2\">Step-2<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery\/#Step-3\" title=\"Step-3\">Step-3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery\/#Step-4\" title=\"Step-4\">Step-4<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery\/#Step-5\" title=\"Step-5\">Step-5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery\/#Step-6\" title=\"Step-6\">Step-6<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery\/#Step-7\" title=\"Step-7\">Step-7<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/poiseddevelopers.com\/reality-tech\/part-1-expand-collapse-rows-in-powerapps-canvas-app-gallery\/#Step-8\" title=\"Step-8\">Step-8<\/a><\/li><\/ul><\/nav><\/div>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6826808 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6826808\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b413f5d\" data-id=\"b413f5d\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-4985db1 elementor-widget elementor-widget-heading\" data-id=\"4985db1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h3 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/section>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a31cc13 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a31cc13\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-03da2fd\" data-id=\"03da2fd\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-2545d44 elementor-widget elementor-widget-text-editor\" data-id=\"2545d44\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><span class=\"TextRun SCXW174384794 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW174384794 BCX0\" data-ccp-parastyle=\"No Spacing\">In this blog post<\/span><span class=\"NormalTextRun SCXW174384794 BCX0\" data-ccp-parastyle=\"No Spacing\">, I\u00a0<\/span><span class=\"NormalTextRun SCXW174384794 BCX0\" data-ccp-parastyle=\"No Spacing\">share\u00a0<\/span><span class=\"NormalTextRun SCXW174384794 BCX0\" data-ccp-parastyle=\"No Spacing\">the steps for creating\u00a0<\/span><span class=\"NormalTextRun SCXW174384794 BCX0\" data-ccp-parastyle=\"No Spacing\">an\u00a0<\/span><span class=\"NormalTextRun SCXW174384794 BCX0\" data-ccp-parastyle=\"No Spacing\">expand-collapse gallery control in<\/span><span class=\"NormalTextRun SCXW174384794 BCX0\" data-ccp-parastyle=\"No Spacing\">\u00a0the PowerApps<\/span><span class=\"NormalTextRun SCXW174384794 BCX0\" data-ccp-parastyle=\"No Spacing\">\u00a0Canvas App.<\/span><\/span><span class=\"EOP SCXW174384794 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:0,&quot;335559740&quot;:240}\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1813 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Starting-Video.gif\" alt=\"gif-01\" width=\"640\" height=\"360\" \/><\/p>\n<p><span class=\"TextRun SCXW118140615 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW118140615 BCX0\">Now, let\u2019s start building the\u00a0<\/span><span class=\"NormalTextRun SCXW118140615 BCX0\">G<\/span><span class=\"NormalTextRun SCXW118140615 BCX0\">allery, for which we would have to create\u00a0<\/span><span class=\"NormalTextRun SCXW118140615 BCX0\">our\u00a0<\/span><span class=\"NormalTextRun SCXW118140615 BCX0\">list first and have the same loaded in a PowerApps App as a data source.\u00a0<\/span><\/span><span class=\"EOP SCXW118140615 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step-1\"><\/span>Step-1<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span class=\"TextRun SCXW191119922 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW191119922 BCX0\">Create \u201cExpand-Collapse Control\u201d list<\/span><span class=\"NormalTextRun SCXW191119922 BCX0\">\u00a0with the following columns and their types<\/span><\/span><span class=\"LineBreakBlob BlobObject DragDrop SCXW191119922 BCX0\"><span class=\"SCXW191119922 BCX0\">\u00a0<\/span><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1814 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP1.webp\" alt=\"img-01\" width=\"543\" height=\"305\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP1.webp 543w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP1-300x169.webp 300w\" sizes=\"auto, (max-width: 543px) 100vw, 543px\" \/><\/p>\n<h3 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step-2\"><\/span>Step-2<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span class=\"TextRun SCXW123356111 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW123356111 BCX0\">Add<\/span>\u00a0<span class=\"NormalTextRun SCXW123356111 BCX0\">a\u00a0<\/span><span class=\"NormalTextRun SCXW123356111 BCX0\">few<\/span><span class=\"NormalTextRun SCXW123356111 BCX0\">\u00a0entries in \u201c<\/span><span class=\"NormalTextRun SCXW123356111 BCX0\">Expand-Collapse Control<\/span><span class=\"NormalTextRun SCXW123356111 BCX0\">\u201d list<\/span><\/span><span class=\"EOP SCXW123356111 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1815 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP2.webp\" alt=\"img-02\" width=\"1177\" height=\"724\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP2.webp 1177w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP2-300x185.webp 300w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP2-1024x630.webp 1024w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP2-768x472.webp 768w\" sizes=\"auto, (max-width: 1177px) 100vw, 1177px\" \/><\/p>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-01d02fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"01d02fa\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9184318\" data-id=\"9184318\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-d2e1694 elementor-widget elementor-widget-heading\" data-id=\"d2e1694\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h3 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step-3\"><\/span>Step-3<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/section>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d73b8fe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d73b8fe\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4549168\" data-id=\"4549168\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-a61cabb elementor-widget elementor-widget-text-editor\" data-id=\"a61cabb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><span class=\"TextRun SCXW83838065 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW83838065 BCX0\">Create\u00a0<\/span><span class=\"NormalTextRun SCXW83838065 BCX0\">a C<\/span><span class=\"NormalTextRun SCXW83838065 BCX0\">anvas\u00a0<\/span><span class=\"NormalTextRun SCXW83838065 BCX0\">A<\/span><span class=\"NormalTextRun SCXW83838065 BCX0\">pp\u00a0<\/span><span class=\"NormalTextRun SCXW83838065 BCX0\">and name it\u00a0<\/span><span class=\"NormalTextRun SCXW83838065 BCX0\">\u201cExpand-Collapse App\u201d<\/span><\/span><span class=\"EOP SCXW83838065 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<ol>\n<li><span class=\"TextRun SCXW109501792 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW109501792 BCX0\">Add a new Blank screen<\/span><\/span><span class=\"EOP SCXW109501792 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li><span class=\"NormalTextRun SCXW175286126 BCX0\">From the\u00a0<\/span><span class=\"NormalTextRun SCXW175286126 BCX0\">C<\/span><span class=\"NormalTextRun SCXW175286126 BCX0\">ontrols section on the top in Insert tab, a<\/span><span class=\"NormalTextRun SCXW175286126 BCX0\">dd a\u00a0<\/span><span class=\"NormalTextRun SCXW175286126 BCX0\">\u201cBlank flexible height\u201d gallery \u2013<\/span><span class=\"NormalTextRun SCXW175286126 BCX0\">\u00a0which would be our<\/span><span class=\"NormalTextRun SCXW175286126 BCX0\">\u00a0Parent Gallery<\/span><\/li>\n<li><span class=\"TextRun SCXW22930808 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW22930808 BCX0\">And a<\/span><span class=\"NormalTextRun SCXW22930808 BCX0\">dd a \u201cBlank vertical\u201d gallery in \u201cBlank flexible height\u201d gallery\u00a0<\/span><span class=\"NormalTextRun SCXW22930808 BCX0\">\u2013<\/span>\u00a0<span class=\"NormalTextRun SCXW22930808 BCX0\">which would be our\u00a0<\/span><span class=\"NormalTextRun SCXW22930808 BCX0\">Child Gallery<\/span><\/span><span class=\"EOP SCXW22930808 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<\/ol>\n<ul>\n<li><span class=\"TextRun SCXW32805554 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW32805554 BCX0\">Parent Gallery<\/span><\/span><span class=\"EOP SCXW32805554 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1816 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/SecondVideo.gif\" alt=\"gif-02\" width=\"1280\" height=\"720\" \/><\/p>\n<ul>\n<li><span class=\"TextRun SCXW228842476 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW228842476 BCX0\">Child Gallery<\/span><\/span><span class=\"EOP SCXW228842476 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1817 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Third-Video.gif\" alt=\"gif-3\" width=\"1280\" height=\"720\" \/><\/p>\n<h3 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step-4\"><\/span>Step-4<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-969b54e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"969b54e\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0f7503c\" data-id=\"0f7503c\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-e95a856 elementor-widget elementor-widget-text-editor\" data-id=\"e95a856\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><span class=\"TextRun SCXW177974291 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW177974291 BCX0\">Add<\/span><span class=\"NormalTextRun SCXW177974291 BCX0\">ing the<\/span><span class=\"NormalTextRun SCXW177974291 BCX0\">\u00a0data source<\/span><span class=\"NormalTextRun SCXW177974291 BCX0\">\u00a0to Gallery<\/span><\/span><span class=\"EOP SCXW177974291 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<\/section>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-234a913 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"234a913\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8046549\" data-id=\"8046549\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-b0ccc96 elementor-widget elementor-widget-text-editor\" data-id=\"b0ccc96\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><span data-contrast=\"auto\">In the Parent Gallery add \u201cExpand \u2013 Collapse Control\u201d list data<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">For Child Gallery in \u201cItems\u201d property add code \u2013\u00a0<\/span><span data-contrast=\"auto\">ThisItem<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1818 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP3.webp\" alt=\"img-03\" width=\"1522\" height=\"867\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP3.webp 1522w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP3-300x171.webp 300w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP3-1024x583.webp 1024w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/WP3-768x437.webp 768w\" sizes=\"auto, (max-width: 1522px) 100vw, 1522px\" \/><\/p>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd6d675 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bd6d675\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-32f0191\" data-id=\"32f0191\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-c875cba elementor-widget elementor-widget-heading\" data-id=\"c875cba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h3 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step-5\"><\/span>Step-5<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/section>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3cf2611 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3cf2611\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc251a9\" data-id=\"bc251a9\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-259805d elementor-widget elementor-widget-text-editor\" data-id=\"259805d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><span class=\"TextRun SCXW189915948 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW189915948 BCX0\">Add labels according\u00a0<\/span><span class=\"NormalTextRun SCXW189915948 BCX0\">to the\u00a0<\/span><span class=\"NormalTextRun SCXW189915948 BCX0\">list\u2019s columns<\/span><span class=\"NormalTextRun SCXW189915948 BCX0\">\u00a0and add show data<\/span><\/span><span class=\"EOP SCXW189915948 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1819 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS1.webp\" alt=\"img-04\" width=\"1607\" height=\"782\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS1.webp 1607w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS1-300x146.webp 300w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS1-1024x498.webp 1024w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS1-768x374.webp 768w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS1-1536x747.webp 1536w\" sizes=\"auto, (max-width: 1607px) 100vw, 1607px\" \/><\/p>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1b39a8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d1b39a8\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-481159f\" data-id=\"481159f\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-02fe4aa elementor-widget elementor-widget-heading\" data-id=\"02fe4aa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h3 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step-6\"><\/span>Step-6<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a348ecd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a348ecd\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42dc05c\" data-id=\"42dc05c\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-413eac0 elementor-widget elementor-widget-text-editor\" data-id=\"413eac0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><span class=\"TextRun SCXW92246708 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW92246708 BCX0\">Add code on all label\u2019s \u201cvisible\u201d property which are added in \u201cChild Gallery\u201d<\/span><span class=\"NormalTextRun SCXW92246708 BCX0\">.\u00a0<\/span><span class=\"NormalTextRun SCXW92246708 BCX0\">Also, to have the Child Gallery show when button is clicked, we\u00a0<\/span><span class=\"NormalTextRun SCXW92246708 BCX0\">have to<\/span><span class=\"NormalTextRun SCXW92246708 BCX0\">\u00a0add code in Child Gallery\u2019s on \u201cVisible\u201d property\u00a0<\/span><\/span><span class=\"EOP SCXW92246708 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span class=\"TextRun SCXW116318149 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW116318149 BCX0\">\u201cVisible\u201d property \u2013\u00a0<\/span><\/span><span class=\"TextRun SCXW116318149 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW116318149 BCX0\">Switch(varShowId,<\/span><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW116318149 BCX0\">0,false<\/span><span class=\"NormalTextRun SCXW116318149 BCX0\">,ThisItem.ID,true)<\/span><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1820 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS2.webp\" alt=\"img-05\" width=\"1919\" height=\"836\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS2.webp 1919w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS2-300x131.webp 300w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS2-1024x446.webp 1024w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS2-768x335.webp 768w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/NewSS2-1536x669.webp 1536w\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" \/><\/p>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b3b7a95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b3b7a95\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7727755\" data-id=\"7727755\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-5bb753c elementor-widget elementor-widget-heading\" data-id=\"5bb753c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h3 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step-7\"><\/span>Step-7<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3029ad4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3029ad4\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-89ffe3c\" data-id=\"89ffe3c\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-f39f904 elementor-widget elementor-widget-text-editor\" data-id=\"f39f904\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><span class=\"TextRun SCXW141657249 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW141657249 BCX0\">Add<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">\u00a0down arrow<\/span>\u00a0<span class=\"NormalTextRun SCXW141657249 BCX0\">icon and\u00a0<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">up<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">\u00a0arrow icon<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">.<\/span><\/span><span class=\"LineBreakBlob BlobObject DragDrop SCXW141657249 BCX0\"><span class=\"SCXW141657249 BCX0\">\u00a0<\/span><br class=\"SCXW141657249 BCX0\" role=\"presentation\" data-uw-rm-sr=\"\" \/><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b048311 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b048311\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3d1ba4f\" data-id=\"3d1ba4f\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-a6b807b elementor-widget elementor-widget-text-editor\" data-id=\"a6b807b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><span class=\"NormalTextRun SCXW141657249 BCX0\">T<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">hen\u00a0<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">first\u00a0<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">write code\u00a0<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">for the<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">\u00a0down arrow\u00a0<\/span><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW141657249 BCX0\">icon(<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">Down arrow icon)<\/span>\u00a0<span class=\"NormalTextRun SCXW141657249 BCX0\">on\u00a0<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">its<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">\u00a0\u201c<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW141657249 BCX0\">OnSelect<\/span><span class=\"NormalTextRun SCXW141657249 BCX0\">\u201d property \u2013<\/span><\/p>\n<p><span class=\"TextRun SCXW216158969 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW216158969 BCX0\">If(varShowId=ThisItem.ID,Set(varShowId,0),Set(varShowId,ThisItem.ID))<\/span><\/span><span class=\"EOP SCXW216158969 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1821 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down-2.webp\" alt=\"img-06\" width=\"1914\" height=\"910\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down-2.webp 1914w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down-2-300x143.webp 300w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down-2-1024x487.webp 1024w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down-2-768x365.webp 768w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down-2-1536x730.webp 1536w\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" \/><\/p>\n<p><span class=\"TextRun SCXW95780994 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW95780994 BCX0\">And add code on visible property \u2013\u00a0<\/span><\/span><span class=\"TextRun SCXW95780994 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW95780994 BCX0\">If(<\/span><span class=\"NormalTextRun SCXW95780994 BCX0\">Up arrow\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW95780994 BCX0\">icon<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW95780994 BCX0\">.Visible<\/span><span class=\"NormalTextRun SCXW95780994 BCX0\">=<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW95780994 BCX0\">true,false,true<\/span><span class=\"NormalTextRun SCXW95780994 BCX0\">)<\/span><\/span><span class=\"EOP SCXW95780994 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1812 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down1.webp\" alt=\"img-01\" width=\"1919\" height=\"909\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down1.webp 1919w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down1-300x142.webp 300w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down1-1024x485.webp 1024w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down1-768x364.webp 768w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Down1-1536x728.webp 1536w\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" \/><\/p>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f5c5431 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f5c5431\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fc14aa2\" data-id=\"fc14aa2\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-faa12d4 elementor-widget elementor-widget-heading\" data-id=\"faa12d4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h3 class=\"elementor-heading-title elementor-size-medium\"><span class=\"ez-toc-section\" id=\"Step-8\"><\/span>Step-8<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3421ee2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3421ee2\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-afbecec\" data-id=\"afbecec\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-8ed9bdb elementor-widget elementor-widget-text-editor\" data-id=\"8ed9bdb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW23698061 BCX0\">On\u00a0<\/span><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW23698061 BCX0\">\u00a0the<\/span><span class=\"NormalTextRun SCXW23698061 BCX0\">\u00a0down<\/span><span class=\"NormalTextRun SCXW23698061 BCX0\">\u00a0arrow icon and write code on\u00a0<\/span><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW23698061 BCX0\">it\u2019s<\/span><span class=\"NormalTextRun SCXW23698061 BCX0\">\u00a0\u201c<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW23698061 BCX0\">OnSelect<\/span><span class=\"NormalTextRun SCXW23698061 BCX0\">\u201d property \u2013<\/span><\/p>\n<p><span class=\"TextRun SCXW165753887 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW165753887 BCX0\">If(varShowId=ThisItem.ID,Set(varShowId,0),Set(varShowId,ThisItem.ID))<\/span><\/span><span class=\"EOP SCXW165753887 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1822 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1.webp\" alt=\"img-07\" width=\"1919\" height=\"913\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1.webp 1919w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1-300x143.webp 300w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1-1024x487.webp 1024w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1-768x365.webp 768w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1-1536x731.webp 1536w\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" \/><\/p>\n<p><span class=\"TextRun SCXW236382597 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW236382597 BCX0\">And write code on\u00a0<\/span><span class=\"NormalTextRun SCXW236382597 BCX0\">its<\/span><span class=\"NormalTextRun SCXW236382597 BCX0\">\u00a0\u201cVisible\u201d property \u2013<\/span><\/span><\/p>\n<p><span class=\"TextRun SCXW236382597 BCX0\" lang=\"EN-IN\" xml:lang=\"EN-IN\" data-contrast=\"auto\" data-uw-rm-lang=\"false\"><span class=\"NormalTextRun SCXW236382597 BCX0\">Switch(varShowId,<\/span><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW236382597 BCX0\">0,false<\/span><span class=\"NormalTextRun SCXW236382597 BCX0\">,ThisItem.ID,true)<\/span><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1822 size-full\" src=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1.webp\" alt=\"img-07\" width=\"1919\" height=\"913\" srcset=\"https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1.webp 1919w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1-300x143.webp 300w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1-1024x487.webp 1024w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1-768x365.webp 768w, https:\/\/poiseddevelopers.com\/reality-tech\/wp-content\/uploads\/2024\/03\/Up1-1536x731.webp 1536w\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" \/><\/p>\n<p>Please post your question, if you will find while implementing this process. Thank you.<\/p>\n<p>In this tutorial, we explored how to create an Expand-Collapse feature in a Microsoft PowerApps Canvas App Gallery.<\/p>\n<p>By following the step-by-step guide, you can enhance the user experience of your PowerApps solutions by allowing users to efficiently navigate and interact with data.<\/p>\n<p>Implementing features like Expand-Collapse rows can greatly improve the usability and functionality of your Canvas Apps, providing a more intuitive interface for users to work with.<\/p>\n<p>We hope this tutorial has been helpful in expanding your understanding of building dynamic interfaces in PowerApps.<\/p>\n<p>Stay tuned for more insights and tutorials on optimizing your\u00a0<strong><a href=\"https:\/\/reality-tech.com\/solutions\/power-platform\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Microsoft PowerApps solutions - open in a new tab\" data-uw-rm-ext-link=\"\">Microsoft PowerApps solutions<\/a><\/strong>\u00a0for enhanced productivity and user satisfaction.<\/p>\n<p>Reach out to Reality Tech for getting help in optimizing the Microsoft PowerApps solutions<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Summary In this blog post, I\u00a0share\u00a0the steps for creating\u00a0an\u00a0expand-collapse gallery control in\u00a0the PowerApps\u00a0Canvas App.\u00a0 Now, let\u2019s start building the\u00a0Gallery, for which we would have to create\u00a0our\u00a0list first and have the same loaded in a PowerApps App as a data source.\u00a0\u00a0 Step-1 Create \u201cExpand-Collapse Control\u201d list\u00a0with the following columns and their types\u00a0 Step-2 Add\u00a0a\u00a0few\u00a0entries in \u201cExpand-Collapse [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":1811,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-1810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-power-apps"],"acf":[],"_links":{"self":[{"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/posts\/1810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/comments?post=1810"}],"version-history":[{"count":4,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/posts\/1810\/revisions"}],"predecessor-version":[{"id":2919,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/posts\/1810\/revisions\/2919"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/media\/1811"}],"wp:attachment":[{"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/media?parent=1810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/categories?post=1810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/poiseddevelopers.com\/reality-tech\/wp-json\/wp\/v2\/tags?post=1810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}