Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Pages
    • Take a guided tour
  • Pricing
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • GCC, GCCH, DoD - Federal App Makers (FAM)
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Emergency Response Gallery
    • Events
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Community Engagement
    • Community Calls Conversations
    • Hack Together: Power Platform AI Global Hack
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Community App Samples
    • Re: Power Apps Champs Trading Cards App - v1

    Re: Power Apps Champs Trading Cards App - v1

    12-01-2019 13:43 PM

    TomKa
    MVP
    11121 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    AlanChai
    AlanChai Advocate II
    Advocate II
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    Power Apps Champs Trading Cards App - v1

    ‎11-30-2019 04:40 PM

    #PowerAppsChamp Trading Cards App - v1

     

    This project started from a tutorial as I taught my 10 yo daughter how to make app in Power Apps. (https://twitter.com/alanchai/status/1199874832931917824?s=20) She wanted to learn by solving a real use case.  As she is into Harry Potter stuff, we worked on creating a trading apps for Harry Potter characters. After an hour of her lesson, this was her output: (https://twitter.com/alanchai/status/1199556678288658432?s=20)

     

    I was building a similar example on the side as the lesson evolved. Since I have the full collection of Power Apps Champs cards, so I thought why not? This version consists of the full catalog of Power Apps Champs as of Dec 2019. You can add or remove a card from your collection within the App. 

     

    The plan is to add object recognition using AI Builder in next version.

     

    To install this app, follow this steps:

     

    Download .msapp and data source files here

     

    1. Download the three .stp files. These are the data source template for SharePoint lists.

    • CollectionEntities - this holds all the Champs details and images
    • CollectionGroups - this is just a list for tabs which I intend to expand further in the future to include things like Fav, Duplicates, etc.
    • CollectionMy - this is to hold cards that are marked as in collection.

     

    2. Restore the .stp files into your SharePoint site as lists (3 lists).

    • Go to Site Settings > List Template Gallery > Upload the 3 .stp files into the gallery
    • Go to Site Contents > New > Apps > Select "CollectionEntities" and name the list. Repeat the same for CollectionGroups and CollectionMy

     

    3. Download the .msapp file and import into your Power Apps environment. 

     

    4. Edit the imported app and remap the data source to your SharePoint lists created in Step 2.

     

    Slide1.jpeg

     

    This app is intended to showcase the possibilities of using Power Apps outside business use cases, in a fun way to encourage kids (5th graders) and beyond to learn Power Apps. 

     

    It is also to be used for easy reference of Power Apps Champs around the globe closer to you and to provide a bit of their background. 

     

    The app is also a good demostration of how you can change the way you make app by thinking UX first, then build functionalities after. The outcome will be different. When I built this, it wasn't intended to go public, but as many were contacting me for a copy, so here you are. 

     

    Anyone new to Power Apps, this is a good app to start dissecting and learn. It is simple enough to understand the how-to of an UI that works well and looks good too.

     

    Enjoy the first version. 

     

    Give me a like, thumbup or kudos if you find this app useful and have learned something from it. 

     

    If you have any questions, please reach out on Twitter @AlanChai. Happy to assist.

    Follow me on Twitter for more exciting apps. 

     

     

    Power Apps Champs Trading Cards.jpg

     

     

     

     

     

    watch?v=gwRwcvEKC-Q

    Preview file
    2236 KB
    PowerApps Champs Trading Cards App.msapp
    Labels:
    • Labels:
    • Galleries and Forms
    • Mobile App Design and User Experience
    Message 1 of 7
    11,316 Views
    23 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic
    AlanChai
    AlanChai Advocate II
    Advocate II
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-01-2019 12:55 PM

    Thanks to Tomislav Karafilov (twitter @TKarafilov) pointing out a few scenarios:

     

    1. When "List Template Gallery" is not visible, you can Mention that you can execute this two PowerShell SharePoint Online Commands: Connect-SPOService -Url https://<tenant>-admin.sharepoint.com Set-SPOSite https://<tenant>.sharepoint.com/sites/<site> -DenyAddAndCustomizePages 0 Now I have the option visible.

     

    2. The stp files are for language Code 1033. If you are Germany and have 1031. Renamed the stp to cab, opened the file, extracted the manifest.xml, changed the language setting to 1031, flushed the manifest file back with "makecab manifest.xml  CollectionEntities.cab" and uploaded the stp file as "CollectionEntities_de.stp". Now I see the templates and generated the lists.

     

    The makecab only added a single file.
     
    1. expandCollectionEntities.cab -f:* MyCab
     
    cd MyCab
     
    Change manifest.xml
     
    dir *.* /s /b /a-d > files.txt and remove the path in front of the files with Notepad++.
     
    makecab /d CabinetName1=CollectionEntities.cab /D DiskDirectoryTemplate=C:\temp /D MaxDiskSize=0 /f files.txt
     
    The file in C:\temp is the new CollectionEntitiensDe.cab
     
    New list is created, and with this magic all Attachments will show.
    Message 2 of 7
    11,131 Views
    4 Kudos
    Reply
    TomKa
    TomKa
    MVP
    In response to AlanChai
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-01-2019 01:43 PM

    I managed to get your example run in my German SharePoint Online. Thank you @AlanChai for this great example!!! I learned a lot!

    Preview file
    120 KB
    Message 3 of 7
    11,121 Views
    1 Kudo
    Reply
    VineetCANZ
    VineetCANZ Advocate II
    Advocate II
    In response to TomKa
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎05-25-2020 03:28 AM

    The app no longer covers the Full screen like in the video .... was the powerapps App changed so the app doesn’t fill the screen because of the notch on IPhone X +

    Message 4 of 7
    8,033 Views
    0 Kudos
    Reply
    Deusdedith
    Deusdedith
    New Member
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎01-30-2022 09:01 AM

     Estou tentando fazer o passo numero 2 (restaurar arquivo .stp como listas no sharepoint), mas não consegui fazer

    Message 5 of 7
    4,165 Views
    0 Kudos
    Reply
    Robin1988
    Robin1988 Helper IV
    Helper IV
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-08-2022 11:38 PM

    he? Grazy, how to fill the notch of the screen? Never seen before. Looks awsome!

    Message 6 of 7
    1,945 Views
    0 Kudos
    Reply
    arkkgroup
    arkkgroup Helper I
    Helper I
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎06-12-2023 09:13 AM

    How do you show small selection on the right to select phone, tablet or browser?

     

    Thanks

    Message 7 of 7
    690 Views
    0 Kudos
    Reply

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Pages
    • Power Automate
    • Power Virtual Agents

    Browse

    • Sample apps
    • Services

    Downloads

    • Windows
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2023 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks
    Consumer Privacy Act (CCPA) Opt-Out Icon Your Privacy Choices