WYSIWYG editor

Note

• Effective October 12, 2022, Power Apps portals is Power Pages. More information: Microsoft Power Pages is now generally available (blog)
  
• You can edit and design Power Apps portals sites using the new Power Pages design studio. More information: Power Pages design studio and Power Apps portals Studio.

After adding required webpages and managing their hierarchy in the sitemap, you can add various components. The WYSIWYG (What You See Is What You Get) editor allows you to add and edit the required components on the canvas easily. You can add and edit the following components on the canvas:

• Sections
  • One column section
  • Two columns section
  • Three columns section
• Components
  • Text
  • Image
  • IFrame
  • Form
  • List
  • Breadcrumb
  • Custom menu
  • Use code editor
  • Power BI

Note

If you customize your portal using Power Apps portals Studio, the website users would notice a performance impact. We recommended you to do the changes during non-peak hours on a live portal.

To use the WYSIWYG editor:

1. Edit the portal to open it in Power Apps portals Studio.

2. Select the page on which you want to add the component.

3. Select an editable element on the canvas.

   Note

   The editable elements are demarcated by a boundary.

4. Select Components from the left side of the screen.

5. Select the component to be added.

   

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

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

   

Next steps

Add sections

See also

• Create and manage web pages
• Integration with Power BI
• Work with templates