Run Power Apps from SharePoint List as Custom Cards - NO LONGER WORKS

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.

JSON formatting sample for Power Apps as Custom Hover Card

Power Apps in SharePoint Pages | Power Apps List Connected Web Parts

JSON formatting for generic file view card

My SharePoint List Formatting Playlist:

SharePoint column formatting documentation:

SharePoint Column or View Formatting - Custom Cards on Hover:

filepreview formatting syntax:

Thanks to🙏:

#PowerApps #SharePoint #ListFormatting​ #JSONFormatting

Table of Contents:
00:00 - Introduction
00:42 - Integrate Power Apps with SharePoint
01:07 - Standalone Power App from SharePoint List
01:31 - SharePoint List Forms customized with Power Apps
02:21 - Run Power Apps from SharePoint (List/Library Views, Pages) with SharePoint List formatting help
02:54 - Custom Cards SharePoint column formatting JSON
03:12 - Open documents as custom cards in SharePoint Document Library
04:44 - Run Modern SharePoint Page as Custom Card
05:17 - Launch Power App from List View as Custom Hover Card
08:00 - Power Apps as Custom Card on SharePoint Modern Page
08:20 - Power Apps as Custom Card in SharePoint Document Library
09:03 - Launch Power Apps as Custom Card for SharePoint List Forms Customized with Power Apps
09:43 - Print in Power Apps Customized List Forms
10:42 - Links to JSON SharePoint Column Formatting Samples
10:52 - Subscribe to Reza Dorrani channel

🤝 Let’s connect on social:

[RezaDorrani]

Sadly this feature of custom card using JSON list formatting is no longer supported.

[NKBobcat]

You are a genius! And your teaching method makes this easy to learn. Thank you again Reza!

[WillCooper]

This is excellent Reza! This is a great example of creative problem solving and exploration of possibilities. I never would have thought to do this. Thank you so much for your work putting this together and sharing this with the community.

[g]

WOW!! - that's a hack and a half!. I saw some examples of this card functionality doing the rounds in the last week, but to see it used to launch a fully functioning customised form app.. 🤯.. Also loving the print hack.. Cheers Reza, great stuff as ever ⚡

[coolbeing]

OMG - thats fantastic. Wait. Now I will impress my customer with this...

[rikkilleen]

Are you reading my communications from work, because you seem to keep releasing new content that covers the exact subject I'm researching at the moment. 🤗

[MohammadAli-tsev]

Awesome content...

I don't have any questions...I will try myself first.
Thank you for making my life easier at work.

I have started giving training of Power Apps to folks:))

Your videos are always the saviour. Cheers!.
Unlike the rest of the world, I wait for Monday impatiently - for your video:))

[Worrelpa]

That is too awesome fixes a lot of issues with custom forms.
The fact it works in site pages libraries is so handy to for those working on intranets.

Thanks as always....

[levin]

Wow what a cool feature. But without your video I would never have discovered it, thank you!
I really appreciate your work, keep it up

[jamesclark]

I’m loving these SharePoint features. Thank you for this great tutorial.

[Chgrtours]

Reza, you’re the best! Amazing features!

😎I clicked like 👍🏻before I watched it. Useful tips as always.

[oluwatobiyusuf]

Thank you so much for another amazing content. I will definitely play around this

[william]

Very Thank you so much for sharing this Reza🙂

[TheBananisen]

Brilliant what a great feature.. together with format List Toolbar with Json😀😀

[elliskarim]

Really excellent! Many thanks demonstrating new possibilities and tools. I was able to implemented this is my Dev environment for a SharePoint list! Works as described. I couldn't get the hover over function to work though. Thanks again!

[rahibmansuri]

Really Awesome 👍🏻👌.. Thank You so much for sharing this Reza 😊

[TicketyBoo.]

Hi Reza. BRILLIANT post as always. Sorry to be a pest and ask a question but i'm simply trying to use the filepreview part. All I get in the card though is the document icon (Word, Excel etc). I suspect it's something to do with the src. Any suggestion sir?

[santiagoares]

Great job as usual Reza. You are the man!!!
One quick question, is it possible to leverage the preview card for list item attachments? Or for document libraries as you have shown, when the file is .eml?
Thanks

[ranjanroy]

Awesome. Hey Reza, I always watch your amazing content. I just wanted to ask is there a website apart from community that would give a detailed list of power apps functions that are very generic, the much like you use in your videos ?!