Display Data in Power Pages using Custom-Built Galleries
ฝัง
- เผยแพร่เมื่อ 21 ต.ค. 2024
- In this video, I will show you how I built a custom page in Microsoft Power Pages with a custom built Power Apps like gallery using JavaScript, HTML, CSS and using the Dataverse WEBAPI.
You will learn how to:
Create a responsive layout with CSS grid and flexbox. Use JavaScript to fetch data from the WEBAPI and display it in the gallery. Add interactivity and functionality to the gallery items, such as filtering, sorting. Style the gallery elements with CSS variables and transitions.
This video is for anyone who wants to learn how to create a modern and dynamic web page in Microsoft Power Pages with Power Apps like features. You will need some basic knowledge of HTML, CSS, and JavaScript to follow along.
If you enjoyed this video, please give it a thumbs up, leave a comment, and subscribe to my channel for more tutorials like this. Thank you for watching! #powerapps #powerpages #office365 #microsoft #microsoft365
Hello Chino,
I'd like to see some work on Power Pages related to ecommerce / procurement. The main thing I'm thinking of is a searchable gallery of products on one page that can deep-link to a product details/product buy page for the selected product in the gallery.
I have built out a test where I can get a little bit of this functionality through the default card gallery, some liquid/html in a text component, & an order form. Although I wish we could at the very least customize the form submit button to say buy or to say procure.
Love it! hope you continue, I would like to know how you can select record in the gallery and add some update button.
I have watched your first video and this one, and it gives me a full glimpse of the Power Pages
Thank you so much for the video. Can you explain how to implement paging cookie to load bulk data into custom gallery in power pages driven by dataverse.
When researching this video's subject, I was shocked and a bit disappointed to find out that the WepApi Rest end point doesn't support the $skip oData parameter which means proper paging is not really possible using WebApi. However, there is a way to do it using Liquid tags. Let me know if you want me to cover it and I may put something together ..
@@ChinoDoesStuff Hi, Thanks for the reply. Yes please do in your upcoming videos, because in real time scalable projects, the production data can reach in million records, which I need to retrive and show in power pages custom gallery. I researched a lot but couldnt find possible solution. If you could do help me out with this, that would do world of good for lot of devs
Data throttling is a pretty common problem when displaying data from an external data source. Typically, the problem is solved with targeted dashboards which are filtered for specific business requirements. I will look into using Liquid to solve this with paging...stay tuned.