Microsoft 365 Community / Power Pages

In this 20-minute citizen developer-focused demo, Elaiza Benitez shares tips for using Power Automate to streamline repetitive tasks on Power Pages including formatting the site date and time (create new site setting), making a lookup column appear as a dropdown (Basic Forms), prepopulating a field (Form Metadata), formatting a phone number field using Regex (Form Metadata with validation and message), adding helper text (Form Metadata – Description/Instructions) and more.

This PnP Community demo is taken from the Microsoft Power Platform community call – May 2023, recorded on May 17, 2023

Demo Presenter
• Elaiza Benitez

Community Call Conversation
• aka.ms/May17-Demo3

Supporting materials
• Tool - Regex Generator | https://codepal.ai/regex-generator
• Training – Power Pages Training (on-line course) | https://www.engineeredcode.com/microsoft-power-pages
• YouTube channel - Elaiza Benitez | https://www.youtube.com/@ElaizaBenitez
• Blog - Benitez Here. | https://benitezhere.blogspot.com
• Podcast - Power Platform Boost Podcast | https://powerplatformboost.buzzsprout.com/

Stay connected
• Twitter https://twitter.com/microsoft365dev
• Call attention to your great work by using #PowerAppsCC and #PnPWeekly on Twitter.

Learn more
• Microsoft 365 Unified Sample gallery - https://aka.ms/community/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/community/videos
• Microsoft 365 Platform Community - http://aka.ms/community/home
• Microsoft 365 Platform Community Blog - https://aka.ms/community/blog

New capabilities make it easy to manage site header and navigation style to comply with branding guidelines. In this 17-minute developer-focused demo, Hugo Bernier steps viewers through creating a new site, selecting site template, then editing text and layout of site page. Edit header by going to Styling Workspace, insert brand colors, apply to site elements. Optionally, site header can be edited in VS Code! Maintain header style/layout separate from page content.

This PnP Community demo is taken from the Microsoft 365 & Power Platform Development Community call recorded on March 16, 2023.

Demo Presenter
• Hugo Bernier (Microsoft) | @bernierh

Community Call Conversation
• https://aka.ms/Mar16-Demo2

Supporting materials
• Documentation - Edit site header | https://learn.microsoft.com/power-pages/getting-started/edit-header
• Documentation - Style your pages site | https://learn.microsoft.com/power-pages/getting-started/style-site
• Documentation - Liquid overview | https://learn.microsoft.com/power-pages/configure/liquid/liquid-overview

Learn more
• Microsoft 365 Unified Sample gallery - https://aka.ms/community/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/community/videos
• Microsoft 365 Platform Community - http://aka.ms/community/home

In this 9-minute Maker/Developer focused demo, Pranita Padalwar opens with an overview of Power Pages and 4 Design Studio workspaces. This demo is specifically focused on the now solution aware Data workspace in which Makers create/modify tables, forms and views stored in Dataverse. Now when one creates a table, table column, etc., it is aligned to the solution name (prefix) that’s automatically appended to table, etc. names. Simplifies moving site from Dev to Prod following (ALM) best practices.

This PnP Community demo is taken from the weekly Microsoft 365 Platform Community call recorded on February 7, 2023.

Demo Presenter
• Pranita Padalwar (Microsoft)

Supporting materials
• Try it – Power Pages | https://make.powerpages.microsoft.com/
• Documentation - Microsoft Dataverse | https://learn.microsoft.com/connectors/commondataserviceforapps/
• Article - Power Pages Data workspace is now solution aware | https://powerpages.microsoft.com/blog/power-pages-data-workspace-is-now-solution-aware/

Learn more
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365/community

In this 20-minute developer focused demo, Hugo Bernier demonstrates how it’s a snap for Makers to select colors, background images, layouts, etc. in the Pages workspace and choose themes (color palates), fonts, buttons, etc. in the Styling workspace. Makers can do all changes, no CSS, JavaScript or HTML. Developers may upload Bootstrap style sheets, apply styles across the board, apply brand colors directly, etc. working in CSS, JavaScript or HTML files in Visual Studio Code. This PnP Community demo is taken from the weekly Microsoft 365 Platform Community call recorded on November 1, 2022.

Demo Presenter
• Hugo Bernier (Microsoft) | @bernierh

Supporting materials
• Blog - Microsoft Power Pages Now in General Availability! | https://powerusers.microsoft.com/t5/Power-Apps-Community-Blog/Microsoft-Power-Pages-Now-in-General-Availability/ba-p/1814780
• Documentation - Plan and prepare for Power Pages in 2022 release wave 2 | https://learn.microsoft.com/power-platform-release-plan/2022wave2/power-pages/
• Documentation - What is Power Pages? | https://learn.microsoft.com/power-pages/introduction
• Themewagon template - HostPro – Free HTML5 Hosting Website Template | https://themewagon.com/themes/free-html5-hosting-website-template-hostpro/
• Documentation - How to use the learning hub | https://learn.microsoft.com/power-pages/getting-started/use-learnhub

Previous topic related demos from Hugo
• Demo - Power Pages General Availability – Hugo Bernier (Microsoft) | @bernierh | https://youtu.be/MqAmuF8yA48?t=2646
• Demo - General Availability of Power Pages - Getting started – Hugo Bernier (Microsoft) | @bernierh | https://youtu.be/EszUm_bufBA?t=1586

Learn more
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365/community

In this 18-minute developer/maker focused demo, Hugo Bernier steps viewers through the ease of extending the reach of the Power Platform outside the organization via a data connected website that is publicly accessible, either anonymous or authenticated. Step through a host of features in the reimagined Design Studio (Pages, Styling, Data and Setup workspaces) delivering a WYSIWYG experience for Makers. IT Pros will appreciate the go live checklist and pro developers the ability to edit/customize in Microsoft Visual Studio. This PnP Community demo is taken from the weekly Microsoft 365 Platform Community call recorded on October 25, 2022.

Demo Presenter
• Hugo Bernier (Microsoft) | @bernierh

Supporting materials
• Demo - Power Pages General Availability – Hugo Bernier (Microsoft) | @bernierh | https://youtu.be/MqAmuF8yA48?t=2646
• Blog - Microsoft Power Pages Now in General Availability! | https://powerusers.microsoft.com/t5/Power-Apps-Community-Blog/Microsoft-Power-Pages-Now-in-General-Availability/ba-p/1814780
• Article - Microsoft Power Pages is now generally available | https://powerpages.microsoft.com/blog/microsoft-power-pages-is-now-generally-available/
• Licensing - Power Pages available to purchase on November 1 | https://www.microsoft.com/licensing/news/power_pages_general_availability
• Documentation - Plan and prepare for Power Pages in 2022 release wave 2 | https://learn.microsoft.com/power-platform-release-plan/2022wave2/power-pages/
• Documentation - What is Power Pages? | https://learn.microsoft.com/power-pages/introduction
• Animations – animista | https://animista.net
• Documentation - Overview of Progressive Web Apps (PWAs) | https://learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/

Learn more
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365/community