Build custom Power Apps portals web templates

Advanced
Administrator
Functional Consultant
App Maker
Developer
Dynamics 365
Microsoft Power Platform
Power Apps

Note

Come join us for the first official Microsoft Power Platform Conference. This event is jam-packed with Microsoft’s senior thought leaders, software engineers, and community experts - all focused on uniting humanity and technology. Do not miss this exciting and fun in-person experience.

Register today.

Note

Microsoft Power Pages, formerly known as the Power Apps portal capability, is now in public preview as a standalone product.

Microsoft Power Pages is low-code development and hosting platform ideal for building modern, secure, and data-centric business websites. Whether you’re a low-code maker or professional developer, Power Pages enables you to rapidly design, configure, and public your websites to engage your customers, partners, and communities.

For more information, see Power Pages.

This module describes custom web templates and how they can be built and configured to extend and enhance a Power Apps portal. A portal is provisioned with a series of prebuilt web templates. As makers encounter more complex scenarios, they need to understand how to use Liquid template language to create their own web templates that address project requirements.

Learning objectives

In this module, you will:

  • Learn about the relationship between web templates, page templates, and webpages.
  • Discover how custom web templates can be built by using HTML, Cascading Style Sheets (CSS), Liquid, and JavaScript.
  • Use Liquid template language to build and structure web templates.
  • Learn how to embed custom CSS and JavaScript into web templates.
  • Learn how to reference other web templates in a web template.

Prerequisites

Basic understanding of how to navigate and configure Power Apps portals and customize model-driven apps. Basic knowledge of Liquid template language and familiarity with JavaScript, HTML, CSS, and web application development would be beneficial.