Hey guys! I'm wondering how to use a gallery in a component?
I've set an input on each label within the gallery - but I'm not sure where the "ThisItem" bit needs to go. On the component side? It's not working the few ways I've tried.
Thanks in advance!
Solved! Go to Solution.
Hi @Connor55 ,
Could you please share a bit more about your scenario?
Do you add a Gallery control in a Component, and then want to reference field values from the selected item (within this Gallery) from outside the component?
Based on the needs that you mentioned, I think the a custom Output property within the Component could achieve your needs. I have made a test on my side, please consider take a try with the following workaround:
1. Defined a Table data type Input property and a Record data type Output property within your Component:
2. Define Items property table structure and specify value for the SelectedItem Ouput property:
Within the Items property Table structure, you could define the columns for your needs, e.g.
Table({ProductName: "SampleText", ProductionArea: "SampleArea", Price: 100})
Table({Column1: "SampleText", Column2: "SampleArea", Column3: 100})
...
Within the SelectedItem property (Output), type following formula:
Gallery1.Selected
Then within the Gallery (inside the Component), add several Labels to display values from the table structure defined above:
using the following formula:
ThisItem.ColumnName
Set the TemplateFill property of the Gallery to following:
If(ThisItem.IsSelected,RGBA( 255, 228, 196, 1 ),RGBA(0, 0, 0, 0)) // highlight the selected item
After that, you could apply above Gallery Component into your canvas app screen. Then specify proper Table records value for the Items (custom Input property) property in this component. Outside the component, add a Label, set the Text property to following:
GalleryComponent_1.SelectedItem.ProductName & "--" & GalleryComponent_1.SelectedItem.ProductionArea & "--" & GalleryComponent_1.SelectedItem.Price
If you want to reference the column value from the selected item in this Gallery component, please using the following formula:
GalleryComponent_1.SelectedItem.ColumnName
More details about the sample Gallery Component App, please check the attached app file.
More details about customizing property in Component control, please refer to the following article:
https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-component
Best regards,
@GarethPrisk Thanks for the reply!
So I have a table input called "Items" - would the label in that gallery (within the component) need to be set to an output? How exactly does that part work?
Hi @Connor55 ,
Could you please share a bit more about your scenario?
Do you add a Gallery control in a Component, and then want to reference field values from the selected item (within this Gallery) from outside the component?
Based on the needs that you mentioned, I think the a custom Output property within the Component could achieve your needs. I have made a test on my side, please consider take a try with the following workaround:
1. Defined a Table data type Input property and a Record data type Output property within your Component:
2. Define Items property table structure and specify value for the SelectedItem Ouput property:
Within the Items property Table structure, you could define the columns for your needs, e.g.
Table({ProductName: "SampleText", ProductionArea: "SampleArea", Price: 100})
Table({Column1: "SampleText", Column2: "SampleArea", Column3: 100})
...
Within the SelectedItem property (Output), type following formula:
Gallery1.Selected
Then within the Gallery (inside the Component), add several Labels to display values from the table structure defined above:
using the following formula:
ThisItem.ColumnName
Set the TemplateFill property of the Gallery to following:
If(ThisItem.IsSelected,RGBA( 255, 228, 196, 1 ),RGBA(0, 0, 0, 0)) // highlight the selected item
After that, you could apply above Gallery Component into your canvas app screen. Then specify proper Table records value for the Items (custom Input property) property in this component. Outside the component, add a Label, set the Text property to following:
GalleryComponent_1.SelectedItem.ProductName & "--" & GalleryComponent_1.SelectedItem.ProductionArea & "--" & GalleryComponent_1.SelectedItem.Price
If you want to reference the column value from the selected item in this Gallery component, please using the following formula:
GalleryComponent_1.SelectedItem.ColumnName
More details about the sample Gallery Component App, please check the attached app file.
More details about customizing property in Component control, please refer to the following article:
https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-component
Best regards,
@v-xida-msft
This was super helpful! Thanks a ton! I understand how this works for the most part now.
The only thing I'm missing - my gallery labels need to use a lookup column. The data I need to display isn't in the entity the Gallery is references.
When you're creating your layout in the component items field (creating the Table({Record}) function) - how would you specify a lookup field and also a currency field? Is this possible?
Thanks again!
Hey everybody,
although the question has been answered very precisely I have an additional problem. I would like to use a gallery in an component as well, but the structure of the input table (different sql tables) will be different each time. So I want that the gallery has the same appearance on each screen, but its going to be feeded by different data sources and thus its elements (title, subtitle etc.) should be populated by different columns (depending on the data source obviously).
Is there any way to achieve that?
Thanks in advance!
@MichaGue
Unfortunately I did not. Back then I decided to avoid components in this particular case and just use gallery controls directly.
Episode Seven of Power Platform Connections sees David Warner and Hugo Bernier talk to Dian Taylor, alongside the latest news, product reviews, and community blogs. Use the hashtag #PowerPlatformConnects on social media for a chance to have your work featured on the show.
Super Users – 2023 Season 1 We are excited to kick off the Power Users Super User Program for 2023 - Season 1. The Power Platform Super Users have done an amazing job in keeping the Power Platform communities helpful, accurate and responsive. We would like to send these amazing folks a big THANK YOU for their efforts. Super User Season 1 | Contributions July 1, 2022 – December 31, 2022 Super User Season 2 | Contributions January 1, 2023 – June 30, 2023 Curious what a Super User is? Super Users are especially active community members who are eager to help others with their community questions. There are 2 Super User seasons in a year, and we monitor the community for new potential Super Users at the end of each season. Super Users are recognized in the community with both a rank name and icon next to their username, and a seasonal badge on their profile. Power Apps Power Automate Power Virtual Agents Power Pages Pstork1* Pstork1* Pstork1* OliverRodrigues BCBuizer Expiscornovus* Expiscornovus* ragavanrajan AhmedSalih grantjenkins renatoromao Mira_Ghaly* Mira_Ghaly* Sundeep_Malik* Sundeep_Malik* SudeepGhatakNZ* SudeepGhatakNZ* StretchFredrik* StretchFredrik* 365-Assist* 365-Assist* cha_cha ekarim2020 timl Hardesh15 iAm_ManCat annajhaveri SebS Rhiassuring LaurensM abm TheRobRush Ankesh_49 WiZey lbendlin Nogueira1306 Kaif_Siddique victorcp RobElliott dpoggemann srduval SBax CFernandes Roverandom schwibach Akser CraigStewart PowerRanger MichaelAnnis subsguts David_MA EricRegnier edgonzales zmansuri GeorgiosG ChrisPiasecki ryule AmDev fchopo phipps0218 tom_riha theapurva takolota Akash17 momlo BCLS776 Shuvam-rpa rampprakash ScottShearer Rusk ChristianAbata cchannon Koen5 a33ik Heartholme AaronKnox Matren Alex_10 Jeff_Thorpe poweractivate Ramole DianaBirkelbach DavidZoon AJ_Z PriyankaGeethik BrianS StalinPonnusamy HamidBee CNT Anonymous_Hippo Anchov KeithAtherton alaabitar Tolu_Victor KRider sperry1625 IPC_ahaas zuurg rubin_boer cwebb365 Dorrinda G1124 Gabibalaban Manan-Malhotra jcfDaniel WarrenBelz Waegemma If an * is at the end of a user's name this means they are a Multi Super User, in more than one community. Please note this is not the final list, as we are pending a few acceptances. Once they are received the list will be updated.
We are so excited to see you for the Microsoft Power Platform Conference in Las Vegas October 3-5 2023! But first, let's take a look back at some fun moments and the best community in tech from MPPC 2022 in Orlando, Florida. Featuring guest speakers such as Charles Lamanna, Heather Cook, Julie Strauss, Nirav Shah, Ryan Cunningham, Sangya Singh, Stephen Siciliano, Hugo Bernier and many more. Register today: https://www.powerplatformconf.com/
We are excited to share the ‘Power Platform Communities Front Door’ experience with you! Front Door brings together content from all the Power Platform communities into a single place for our community members, customers and low-code, no-code enthusiasts to learn, share and engage with peers, advocates, community program managers and our product team members. There are a host of features and new capabilities now available on Power Platform Communities Front Door to make content more discoverable for all power product community users which includes ForumsUser GroupsEventsCommunity highlightsCommunity by numbersLinks to all communities Users can see top discussions from across all the Power Platform communities and easily navigate to the latest or trending posts for further interaction. Additionally, they can filter to individual products as well. Users can filter and browse the user group events from all power platform products with feature parity to existing community user group experience and added filtering capabilities. Users can now explore user groups on the Power Platform Front Door landing page with capability to view all products in Power Platform. Explore Power Platform Communities Front Door today. Visit Power Platform Community Front door to easily navigate to the different product communities, view a roll up of user groups, events and forums.
Welcome! Congratulations on joining the Microsoft Power Apps community! You are now a part of a vibrant group of peers and industry experts who are here to network, share knowledge, and even have a little fun! Now that you are a member, you can enjoy the following resources: The Microsoft Power Apps Community Forums If you are looking for support with any part of Microsoft Power Apps, our forums are the place to go. They are titled "Get Help with Microsoft Power Apps " and there you will find thousands of technical professionals with years of experience who are ready and eager to answer your questions. You now have the ability to post, reply and give "kudos" on the Power Apps community forums! Make sure you conduct a quick search before creating a new post because your question may have already been asked and answered! Microsoft Power Apps IdeasDo you have an idea to improve the Microsoft Power Apps experience, or a feature request for future product updates? Then the "Power Apps Ideas" section is where you can contribute your suggestions and vote for ideas posted by other community members. We constantly look to the most voted Ideas when planning updates, so your suggestions and votes will always make a difference. Community Blog & NewsOver the years, more than 600 Power Apps Community Blog Articles have been written and published by our thriving community. Our community members have learned some excellent tips and have keen insights on building Power Apps. On the Power Apps Community Blog, read the latest Power Apps related posts from our community blog authors around the world. Let us know if you would like to become an author and contribute your own writing — everything Power Apps related is welcome! Power Apps Samples, Learning and Videos GalleriesOur galleries have a little bit of everything to do with Power Apps. Our galleries are great for finding inspiration for your next app or component. You can view, comment and kudo the apps and component gallery to see what others have created! Or share Power Apps that you have created with other Power Apps enthusiasts. Along with all of that awesome content, there is the Power Apps Community Video & MBAS gallery where you can watch tutorials and demos by Microsoft staff, partners, and community gurus in our community video gallery. Again, we are excited to welcome you to the Microsoft Power Apps community family! Whether you are brand new to the world of process automation or you are a seasoned Power Apps veteran. Our goal is to shape the community to be your ‘go to’ for support, networking, education, inspiration and encouragement as we enjoy this adventure together! Let us know in the Community Feedback if you have any questions or comments about your community experience.To learn more about the community and your account be sure to visit our Community Support Area boards to learn more! We look forward to seeing you in the Power Apps Community!The Power Apps Team
User | Count |
---|---|
141 | |
100 | |
91 | |
77 | |
62 |
User | Count |
---|---|
234 | |
169 | |
112 | |
94 | |
89 |