Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Portals
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find partner offers
    • Partner GTM Resources
    • 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
    • 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
    • Business Value Webinars and Video Gallery
    • Emergency Response Gallery
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Ideas
    • Power Apps Ideas
    • Community Engagement
    • Demo Extravaganza 2021
    • Demo Extravaganza - Components 2021
    • Power Apps Community Demo Extravaganza 2020
    • 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
    • Webinars and Video Gallery
    • Run Power Apps from SharePoint List as Custom Card...

    Run Power Apps from SharePoint List as Custom Cards using JSON Formatting

    05-23-2022 06:06 AM

    Dual Super User II RezaDorrani
    Dual Super User II
    406 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    RezaDorrani
    Dual Super User II RezaDorrani
    Dual Super User II
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    Run Power Apps from SharePoint List as Custom Cards using JSON Formatting

    ‎05-23-2022 06:06 AM

    Hello everyone,

     

    In this tutorial video on "Run Power Apps from SharePoint List as Custom Cards using JSON Formatting", we will walk through on how to apply simple SharePoint List or Microsoft Lists based JSON formatting to launch PowerApps as Custom cards on hover or on click of list column.

    The Custom Cards will launch the Power App directly within the SharePoint List or Library View experience itself, run on Modern SharePoint Pages, allow us to use the Print feature of Power Apps using the print() function to print the SharePoint list form, save form as PDF & more.

    The JSON formatting for Custom cards on hover allows us to showcase file previews which works on all Office files, PDFs, Images in document libraries, works to showcase Pages as custom card & also works with Power Apps.

    All we need is the URL to the web link for our Power App.

    This technique works with both Standalone Power Apps & SharePoint List form customized Power Apps.

     

    Video showcases the following:

    ✅ SharePoint List Form Customization Options with Power Apps

    ✅ Standalone Power Apps Vs SharePoint List Forms customized with PowerApps

    ✅ SharePoint List Formatting Options

    ✅ Custom Cards on Hover formatting for SharePoint List

    ✅ Run a Power App as a Custom card from SharePoint List or Library

    ✅ Dynamically pass params to custom card and deep link into PowerApps screen

    ✅ Custom Cards can open files, Pages & Power Apps.

    ✅ Print & Save SharePoint forms as PDF using Power Apps launched as custom cards. 


    Thanks,
    Reza Dorrani, MVP
    YouTube
    Twitter

    watch?v=-fcfEQTSWx0

    Labels:
    • Labels:
    • Canvas Apps
    • Community Tips & Tricks
    • General PowerApps
    • PowerApps Hacks
    • SharePoint Magic
    Message 1 of 2
    406 Views
    0 Kudos
    Reply
    • All posts
    • Previous Topic
    • Next Topic
    JSCP04
    JSCP04
    Frequent Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    2 weeks ago

    I already tested to open the app but it doesn't work, because I don't know.

    Message 2 of 2
    37 Views
    0 Kudos
    Reply

    Power Platform

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

    Power Apps

    • Sign in
    • Sign up

    Browse

    • Sample apps
    • Services

    Downloads

    • Windows
    • iOS
    • Android

    Learn

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

    • © 2022 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks