Power Apps Portals WebPage Components

Power Apps Portal maker can add a set of predefined components on the page to format the layout and add static and dynamic content.

The WYSIWYG (What You See Is What You Get) editor allows you to add and edit the required components on the canvas easily, from Toolbelt components.

The selected component is added to the canvas inside the editable element on the selected webpage.

To delete a component, select the component on the canvas and then select Delete on the command bar at the top of the page.

ComponentsDescription
Section LayoutThese components will allow the maker to place a one, two, or three-column section on a page. Additional components can be embedded within the sections.
TextPlaces a static text box on the webpage.
ImagePlaces an image control on the page. A maker can choose an existing image or upload a new image. The image file will be stored as an attachment of the web file record in the portal metadata.
Note: Allowed extensions are : .jpg, .jpeg, .bmp, .gif, .png
IFrameThe IFrame will embed a particular URL from another website or application.
FormThe form will display a form based on a model-driven form that is from a specific Microsoft Dataverse record.
ListThe list component will display a view based on a model-driven view from specific Dataverse records.
Breadcrumb The breadcrumb will display a navigational path based on the webpage hierarchy in the portal.
Power BIThe Power BI component will allow you to add Power BI dashboards and reports for your customers or your internal employees, or you can add a Public-Facing Power BI web report.
ChatBotTo embed a Microsoft Power Virtual Agents bot onto the portal page.

Note : Other components such as headings, buttons, web forms, hyperlinks, and so on, can be added to a page directly by using the code editor.

Hope you learn something, Thanks for Reading 📖!

Happy Power365ing!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.