Microsoft Power Pages documentation

<!DOCTYPE html><html class=" is-full hub has-default-focus theme-light" lang="en-us" dir="ltr" data-authenticated="false" data-auth-status-determined="false" data-target="docs" x-ms-format-detection="none"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:title" content="Microsoft Power Pages documentation" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://learn.microsoft.com/en-us/power-pages/" /><meta property="og:description" content="Provides access to highlighted areas within the Power Pages documentation" /><meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" /> <meta property="og:image:alt" content="Microsoft Learn" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@MicrosoftLearn" /> <meta name="color-scheme" content="light dark"><meta name="author" content="iammaddala" /> <meta name="breadcrumb_path" content="/power-pages/breadcrumb/toc.json" /> <meta name="depot_name" content="MSDN.power-pages-docs" /> <meta name="description" content="Provides access to highlighted areas within the Power Pages documentation" /> <meta name="document_id" content="29b368b5-9038-3566-79c0-38790575589e" /> <meta name="document_version_independent_id" content="29b368b5-9038-3566-79c0-38790575589e" /> <meta name="feedback_help_link_type" content="" /> <meta name="feedback_help_link_url" content="" /> <meta name="feedback_product_url" content="https://aka.ms/MPP_Ideas" /> <meta name="feedback_system" content="Standard" /> <meta name="git_commit_id" content="f64411058a5c0847b5ae0a631fcfc4790d9193ef" /> <meta name="gitcommit" content="https://github.com/MicrosoftDocs/power-pages-docs-pr/blob/f64411058a5c0847b5ae0a631fcfc4790d9193ef/power-pages-docs/index.yml" /> <meta name="locale" content="en-us" /> <meta name="ms.author" content="ammaddala" /> <meta name="ms.collection" content="collection" /> <meta name="ms.date" content="07/25/2024" /> <meta name="ms.service" content="power-pages" /> <meta name="ms.topic" content="hub-page" /> <meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/power-pages-docs-pr/blob/live/power-pages-docs/index.yml" /> <meta name="page_type" content="hub" /> <meta name="schema" content="Hub" /> <meta name="search.app" content="powerpages-docs" /> <meta name="services" content="service" /> <meta name="site_name" content="Docs" /> <meta name="summary" content="Use Power Pages to create external-facing websites that allow users outside their organizations to sign in with a wide variety of identities, create and view data in Dataverse, or even browse content anonymously." /> <meta name="uhfHeaderId" content="MSDocsHeader-MSPowerPages" /> <meta name="updated_at" content="2024-07-26 01:02 AM" /> <meta name="persistent_id" content="ae298d77-c1af-7d12-9430-f558698d6c79" /> <meta name="cmProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/c2975bf6-bf61-46d5-8621-bc6aec151623" data-source="generated" /> <meta name="spProducts" content="https://microsoft-devrel.poolparty.biz/DevRelOfferingOntology/93eba64c-cee2-4c90-a45b-c5546aae2cb8" data-source="generated" /> <meta name="scope" content="Power Apps, Power Pages" /><meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/power-pages-docs/blob/main/power-pages-docs/index.yml" /><link href="https://learn.microsoft.com/en-us/power-pages/" rel="canonical"><title>Microsoft Power Pages documentation | Microsoft Learn</title><link rel="stylesheet" href="/static/assets/0.4.028726178/styles/site-ltr.css"> <script id="msdocs-script"> var msDocs = {environment: { supportLevel: 'production', accessLevel: 'online', reviewFeatures: false, systemContent: true, azurePortalHostname: 'portal.azure.com', legacyHosting: false, siteName: 'learn', },data: { timeOrigin: Date.now(), contentLocale: 'en-us', contentDir: 'ltr', userLocale: 'en-us', userDir: 'ltr', pageTemplate: 'Hub', brand: 'power-pages', context: {}, hasBinaryRating: false, feedbackHelpLinkType:'', feedbackHelpLinkUrl:'', standardFeedback: false, showFeedbackReport: false, enableTutorialFeedback: false, feedbackSystem: 'Standard', feedbackGitHubRepo: '', feedbackProductUrl: 'https://aka.ms/MPP_Ideas',extendBreadcrumb: false,isEditDisplayable: false, hideViewSource: false, hasPageActions: false, hasPrintButton: false, hasBookmark: false, hasShare: true, isPermissioned: false, isPrivateUnauthorized: false,hasRecommendations: false,contributors: [{ name: "DanaMartens", url: "https://github.com/DanaMartens" },{ name: "tapanm-MSFT", url: "https://github.com/tapanm-MSFT" },{ name: "nickdoelman", url: "https://github.com/nickdoelman" },{ name: "ProfessorKendrick", url: "https://github.com/ProfessorKendrick" },{ name: "KumarVivek", url: "https://github.com/KumarVivek" },{ name: "alexbuckgit", url: "https://github.com/alexbuckgit" }],}, functions:{} }; </script><script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script> <script src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script><script src="/static/assets/0.4.028726178/global/deprecation.js"></script><script src="/static/assets/0.4.028726178/scripts/en-us/index-docs.js"></script></head> <body lang="en-us" dir="ltr"> <div class="header-holder has-default-focus"> <a href="#main" style="z-index: 1070" class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center has-body-background" tabindex="1">Skip to main content</a><div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div> <div id="unsupported-browser" style=" background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;" hidden > <div style="max-width: 800px; margin: 0 auto;"> <p style="font-size: 24px">This browser is no longer supported.</p> <p style="font-size: 16px; margin-top: 16px;">Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.</p> <div style="margin-top: 12px;"> <a href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 " style=" background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block; ">Download Microsoft Edge</a> <a href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge" style=" background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block; ">More info about Internet Explorer and Microsoft Edge</a> </div> </div> </div>   <header id="ms--site-header" data-test-id="site-header-wrapper" role="banner" itemscope="itemscope" itemtype="http://schema.org/Organization"> <div id="ms--mobile-nav" class="site-header display-none-tablet padding-inline-none gap-none" data-bi-name="mobile-header" data-test-id="mobile-header"></div> <div id="ms--primary-nav" class="site-header display-none display-flex-tablet" data-bi-name="L1-header" data-test-id="primary-header"></div> <div id="ms--secondary-nav" class="site-header display-none display-flex-tablet" data-bi-name="L2-header" data-test-id="secondary-header"></div> </header><div id="disclaimer-holder" class="has-overflow-hidden has-default-focus">  </div> </div> <div class="mainContainer uhf-container is-full has-default-focus" data-bi-name="body"> <div class="columns has-large-gaps is-gapless-mobile is-gapless"> <section class="primary-holder column ">  <div class="columns is-gapless-mobile has-large-gaps is-gapless"><div id="main-column" class="column "> <main id="main" class="" role="main" data-bi-name="content" lang="en-us" dir="ltr"><div> <button type="button" class="border contents-button button button-clear button-sm is-hidden-tablet has-inner-focus" data-bi-name="contents-expand" data-contents-button hidden> <span class="icon"> <span class="docon docon-editor-list-bullet" aria-hidden="true"></span> </span><span class="contents-expand-title">Table of contents</span></button> </div> <div class="content "><section id="hero" class="hero has-background-power-pages has-text-power-pages-invert background-image-pattern-plus hero-xs background-image-pattern background-size-200"> <div class="hero-content"> <h1 id="hero-title" class="title">Microsoft Power Pages documentation</h1> <p id="hero-summary" class="margin-none padding-top-xs">Use Power Pages to create external-facing websites that allow users outside their organizations to sign in with a wide variety of identities, create and view data in Dataverse, or even browse content anonymously.</p> </div> </section> <section id="highlighted-content"> <div class="uhf-container padding-block-sm"> <div class="columns is-multiline"> <div class="column is-6-tablet is-3-desktop"> <article class="card is-full-height position-relative"> <div class="card-content display-flex"> <div class="media align-items-stretch"> <div class="media-left display-none display-block-tablet"> <div class="image image-64x64 has-text-power-pages" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" preserveAspectRatio="xMidYMin meet"> <g data-name="Layer 1"> <path fill="#acacac" d="M40.93 51.66L24.42 54.3V12.12l16.51-2.64v42.18z"></path> <path fill-opacity=".3" fill="#e3e3e3" d="M57.71 53.19l-16.59-1.32-16.59 2.65-16.58-1.33V12.14l16.58 1.33 16.59-2.65 16.59 1.32v41.05z"></path> <path d="M24.41 54.52h-.08l-17.2-1.38V10.76l17.23 1.37 16.58-2.65H41l17.2 1.37v42.39L41 51.87zM8.46 51.91l15.9 1.27 16.58-2.65H41l15.87 1.27V12.09L41 10.82l-16.59 2.65h-.08L8.46 12.19z" fill="#e3e3e3"></path> <path d="M59.63 31.82a3 3 0 0 0-3-3A5.48 5.48 0 0 0 46.79 26h-.37a4.42 4.42 0 0 0-.48 8.81h11.1a3 3 0 0 0 2.59-2.99zm-34.02.79A3.61 3.61 0 0 0 22 29h-.06a6.6 6.6 0 0 0-11.81-3.41h-.44a5.33 5.33 0 0 0-.58 10.62h13.37a3.6 3.6 0 0 0 3.13-3.6z" fill="#fff" stroke="#e3e3e3" stroke-miterlimit="10"></path> <circle cx="32.83" cy="32" r="10" class="fill-current-color" fill="#0079d6"></circle> <path fill="#fff" d="M36.89 26.93l-5.64 4.02-2.48 6.48 5.64-4.03 2.48-6.47z"></path> </g> </svg> </div> </div> <div class="media-content"> <p class="card-supertitle margin-top-none margin-top-xs-tablet">Overview</p> <a href="introduction" class="card-title stretched-link has-external-link-indicator" data-linktype="relative-path">Introducing Power Pages</a> </div> </div> </div> </article> </div> <div class="column is-6-tablet is-3-desktop"> <article class="card is-full-height position-relative"> <div class="card-content display-flex"> <div class="media align-items-stretch"> <div class="media-left display-none display-block-tablet"> <div class="image image-64x64 has-text-power-pages" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" preserveAspectRatio="xMidYMin meet"> <g data-name="Layer 1"> <path d="M49.85 11.83v46.84a.57.57 0 0 1-.57.57h-34.5a1.37 1.37 0 0 1-1.37-1.37V11.83a1.37 1.37 0 0 1 1.37-1.37h33.7a1.37 1.37 0 0 1 1.37 1.37z" fill-opacity=".3" fill="#e3e3e3"></path> <path d="M49.57 11.83v46.84a.57.57 0 0 1-.57.57H14.5a1.37 1.37 0 0 1-1.37-1.37v-46a1.37 1.37 0 0 1 1.37-1.37h33.7a1.37 1.37 0 0 1 1.37 1.33z" fill="none" stroke="#c8c8c8" stroke-miterlimit="10" stroke-width="1.25"></path> <path d="M41.47 15.14H45v35.11a3.56 3.56 0 0 0 3.53 3.06h-27.9a3.57 3.57 0 0 1-3.57-3.57v-34.6h4.52" fill="#c8c8c8" fill-opacity=".8"></path> <path d="M48.19 45.29H23.87v4.91a3 3 0 0 1 0 .52 3.6 3.6 0 0 1-1.71 2.59H48.21c2.56-.27 2.68-3 2.68-3.07v-4.95z" opacity=".8" fill="#e3e3e3"></path> <path d="M30.08 31.55h-4.71a.26.26 0 0 1-.27-.24.17.17 0 0 1 0-.1l5.65-11.28a.26.26 0 0 1 .24-.14h5.61a.25.25 0 0 1 .26.24.2.2 0 0 1 0 .13L30.17 29h6.48a.26.26 0 0 1 .27.24.24.24 0 0 1-.07.16L26.09 40.67c-.1.06-.81.66-.46-.25z" class="fill-current-color" fill="#0079d6"></path> <path d="M34.52 8.23a1.55 1.55 0 0 0 0-.22A3.25 3.25 0 1 0 28 8a1.55 1.55 0 0 0 0 .22h-6.59v8.44H41.3V8.23z" fill="#919191"></path> </g> </svg> </div> </div> <div class="media-content"> <p class="card-supertitle margin-top-none margin-top-xs-tablet">Get started</p> <a href="getting-started/trial-signup" class="card-title stretched-link has-external-link-indicator" data-linktype="relative-path">Try Power Pages</a> </div> </div> </div> </article> </div> <div class="column is-6-tablet is-3-desktop"> <article class="card is-full-height position-relative"> <div class="card-content display-flex"> <div class="media align-items-stretch"> <div class="media-left display-none display-block-tablet"> <div class="image image-64x64 has-text-power-pages" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" preserveAspectRatio="xMidYMin meet"> <g data-name="Layer 1"> <path fill="none" d="M0 0h48v48H0z"></path> <path d="M44.8 11.17v28.7a1.12 1.12 0 0 1-1 1.21h-36a1.12 1.12 0 0 1-1-1.21v-28a1.12 1.12 0 0 1 1-1.21h36.58a.46.46 0 0 1 .42.51z" fill="#e2e2e2" fill-opacity=".5"></path> <path d="M41.61 8v2.6H7.75a1.12 1.12 0 0 0-1 1.2v25.68H4.1A1.11 1.11 0 0 1 3 36.37V8a1.11 1.11 0 0 1 1.1-1.08h36.4A1.1 1.1 0 0 1 41.61 8z" fill="#acacac"></path> <path fill="#c8c8c8" d="M7.1 33.63h37.55A.36.36 0 0 1 45 34v5.72A1.33 1.33 0 0 1 43.68 41H8.07a1.33 1.33 0 0 1-1.33-1.33V34a.36.36 0 0 1 .36-.37z"></path> <circle class="fill-current-color" cx="25.68" cy="22.67" r="5.25" fill="#0079d6"></circle> <path d="M24.55 24v-2.85a.21.21 0 0 1 .31-.17l2.67 1.41a.21.21 0 0 1 0 .34l-2.67 1.41a.21.21 0 0 1-.31-.14z" fill="#fff"></path> <path stroke="#acacac" stroke-miterlimit="10" stroke-width=".94" fill="none" d="M9.93 37.1h31.68"></path> <path fill="#c8c8c8" d="M44 11.63v28.2a.35.35 0 0 1 0 .2H7.8a.35.35 0 0 1 0-.2v-28a.38.38 0 0 1 0-.2H44m.59-1H7.75a1.12 1.12 0 0 0-1 1.2v28a1.12 1.12 0 0 0 1 1.21H44a1.12 1.12 0 0 0 1-1.21v-28.7a.46.46 0 0 0-.42-.5z"></path> </g> </svg> </div> </div> <div class="media-content"> <p class="card-supertitle margin-top-none margin-top-xs-tablet">video</p> <a href="training-videos/" class="card-title stretched-link has-external-link-indicator" data-linktype="relative-path">Getting started videos</a> </div> </div> </div> </article> </div> <div class="column is-6-tablet is-3-desktop"> <article class="card is-full-height position-relative"> <div class="card-content display-flex"> <div class="media align-items-stretch"> <div class="media-left display-none display-block-tablet"> <div class="image image-64x64 has-text-power-pages" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" preserveAspectRatio="xMidYMin meet"> <g data-name="Layer 1"> <path d="M26.1 48.89h11.8a10.25 10.25 0 0 1-.61-3.28H26.71z" fill="#e7e7e7"></path> <path d="M43 53.52v1a.26.26 0 0 1-.29.23h-21.4c-.16 0-.3-.11-.3-.23v-1h.07a7.56 7.56 0 0 0 4.63-3.76 6.93 6.93 0 0 0 .39-.87 9.92 9.92 0 0 0 .62-3.28v-.35h10.57v.35a9.93 9.93 0 0 0 .61 3.28 7 7 0 0 0 .4.87 7.53 7.53 0 0 0 4.62 3.76z" fill="#acacac"></path> <path d="M37.91 48.89a9.93 9.93 0 0 1-.61-3.28v-7H26.72v7a9.92 9.92 0 0 1-.62 3.28 6.93 6.93 0 0 1-.39.87h12.6a7 7 0 0 1-.4-.87zm-5.9-5a1.79 1.79 0 1 1 1.79-1.79 1.79 1.79 0 0 1-1.8 1.78z" fill="#919191"></path> <path d="M58.85 9.85v28.57H5.15V10.67a1.42 1.42 0 0 1 1.42-1.42h51.69a.59.59 0 0 1 .59.6z" fill-opacity=".3" fill="#e3e3e3"></path> <path d="M58.85 38.54v5.18a1.41 1.41 0 0 1-1.42 1.42H6.57a1.41 1.41 0 0 1-1.42-1.42v-5.18z" opacity=".5" fill="#e3e3e3"></path> <path d="M58.85 10v33.76a1.41 1.41 0 0 1-1.42 1.42H6.57a1.41 1.41 0 0 1-1.42-1.42v-33a1.41 1.41 0 0 1 1.42-1.38h51.69a.58.58 0 0 1 .59.62z" fill="none" stroke="#c8c8c8" stroke-miterlimit="10" stroke-width="1.25"></path> <path fill="#8f8f8f" fill-opacity=".1" stroke="#ccc" stroke-linejoin="round" stroke-width=".96" d="M5.3 38.54h53.4"></path> <path d="M32 22c-3.66-3-10.82-3.4-10.82-3.4v13.52C26.51 31.26 32 34.83 32 34.83s5.49-3.57 10.83-2.71V18.58S35.36 19.31 32 22z" fill="#e3e3e3" opacity=".5"></path> <path d="M32 20.3c-3.66-3-10.82-3.4-10.82-3.4v13.55c5.34-.86 10.83 2.7 10.83 2.7s5.49-3.56 10.83-2.7V16.9s-7.48.74-10.84 3.4z" class="fill-current-color" fill="#137ad1"></path> </g> </svg> </div> </div> <div class="media-content"> <p class="card-supertitle margin-top-none margin-top-xs-tablet">Training</p> <a href="/en-us/training/paths/power-pages-get-started" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Power Pages training</a> </div> </div> </div> </article> </div> </div> </div> </section> <section id="conceptual-content" class="padding-block-lg"> <div class="uhf-container anchor-headings"> <div class="columns is-multiline"> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height"> <div class="card-content"> <p class="card-title color-text font-size-lg">Getting started</p> <p class="card-content-description">Overview of Power Pages</p> <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs"> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-overview"></span> </span> <a href="introduction" class="has-external-link-indicator" data-linktype="relative-path">What is Power Pages</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="capabilities" class="has-external-link-indicator" data-linktype="relative-path">Power Pages capabilities</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="getting-started/create-manage" class="has-external-link-indicator" data-linktype="relative-path">Create and manage Power Pages sites</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-quickstart"></span> </span> <a href="security/power-pages-security" class="has-external-link-indicator" data-linktype="relative-path">How Power Pages security works</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-download"></span> </span> <a href="security/power-pages-security#deep-dive-architecture-and-security" class="has-external-link-indicator" data-linktype="relative-path">Architecture and security white papers</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="https://aka.ms/PowerPagesCommunity" class="has-external-link-indicator" data-linktype="external">Power Pages community</a> </div> </li> </ul> </div> </article> </div> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height"> <div class="card-content"> <p class="card-title color-text font-size-lg">Tutorials</p> <p class="card-content-description">Follow step-by-step tutorials with videos to learn about Power Pages</p> <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs"> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-overview"></span> </span> <a href="getting-started/tutorial-overview" class="has-external-link-indicator" data-linktype="relative-path">Tutorials and training videos overview</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/tutorial-add-webpage" class="has-external-link-indicator" data-linktype="relative-path">Design your home page</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/tutorial-style-site" class="has-external-link-indicator" data-linktype="relative-path">Set up your brand kit</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/tutorial-add-list-to-page" class="has-external-link-indicator" data-linktype="relative-path">Create a page with a list</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/tutorial-add-form-to-page" class="has-external-link-indicator" data-linktype="relative-path">Create a page with a simple form</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/tutorial-setup-site-authentication" class="has-external-link-indicator" data-linktype="relative-path">Configure site authentication</a> </div> </li> </ul> </div> </article> </div> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height"> <div class="card-content"> <p class="card-title color-text font-size-lg">Design and build</p> <p class="card-content-description">Create sites using Power Pages</p> <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs"> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-how-to-guide"></span> </span> <a href="getting-started/use-design-studio" class="has-external-link-indicator" data-linktype="relative-path">Use the new design studio</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-get-started"></span> </span> <a href="getting-started/first-page" class="has-external-link-indicator" data-linktype="relative-path">Pages workspace: Create and design pages</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-get-started"></span> </span> <a href="getting-started/style-site" class="has-external-link-indicator" data-linktype="relative-path">Styling workspace: Theme and style your site</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-get-started"></span> </span> <a href="templates/" class="has-external-link-indicator" data-linktype="relative-path">Create Power Pages sites with templates</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="configure/portal-management-app" class="has-external-link-indicator" data-linktype="relative-path">Use the Portal Management app</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-how-to-guide"></span> </span> <a href="configure/power-platform-cli-tutorial" class="has-external-link-indicator" data-linktype="relative-path">Use Visual Studio Code and Power Platform CLI</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="configure/planning-power-pages-project" class="has-external-link-indicator" data-linktype="relative-path">Plan your Power Pages project</a> </div> </li> </ul> </div> </article> </div> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height"> <div class="card-content"> <p class="card-title color-text font-size-lg">AI and Copilot</p> <p class="card-content-description">Use AI-powered and Copilot features in Power Pages</p> <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs"> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-overview"></span> </span> <a href="configure/ai-copilot-overview" class="has-external-link-indicator" data-linktype="relative-path">AI-powered and Copilot features overview</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-concept"></span> </span> <a href="getting-started/add-form-copilot" class="has-external-link-indicator" data-linktype="relative-path">Create AI-generated form using Copilot</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-concept"></span> </span> <a href="getting-started/add-text-copilot" class="has-external-link-indicator" data-linktype="relative-path">Add AI-generated text using Copilot</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-concept"></span> </span> <a href="getting-started/enable-chatbot" class="has-external-link-indicator" data-linktype="relative-path">Enable chatbot in your site</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-concept"></span> </span> <a href="getting-started/force-bing-index" class="has-external-link-indicator" data-linktype="relative-path">Force Bing webmaster to index your site</a> </div> </li> </ul> </div> </article> </div> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height"> <div class="card-content"> <p class="card-title color-text font-size-lg">Connect to Dataverse</p> <p class="card-content-description">Extend Dataverse capabilities with Power Pages</p> <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs"> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/what-is-dataverse" class="has-external-link-indicator" data-linktype="relative-path">Dataverse and Power Pages</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/use-data-workspace" class="has-external-link-indicator" data-linktype="relative-path">Use the data workspace</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/add-list" class="has-external-link-indicator" data-linktype="relative-path">Add lists to pages</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/add-form" class="has-external-link-indicator" data-linktype="relative-path">Add basic forms to pages</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/multistep-forms" class="has-external-link-indicator" data-linktype="relative-path">Add multistep forms on pages</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="security/table-permissions" class="has-external-link-indicator" data-linktype="relative-path">Secure your data with table permissions</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-tutorial"></span> </span> <a href="getting-started/tutorial-dataverse-website" class="has-external-link-indicator" data-linktype="relative-path">Create, update, and view Dataverse information</a> </div> </li> </ul> </div> </article> </div> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height"> <div class="card-content"> <p class="card-title color-text font-size-lg">Customize and extend</p> <p class="card-content-description">Use professional developer tools and methods</p> <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs"> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="configure/liquid-overview" class="has-external-link-indicator" data-linktype="relative-path">Use Liquid</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-how-to-guide"></span> </span> <a href="configure/web-templates" class="has-external-link-indicator" data-linktype="relative-path">Web templates</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-how-to-guide"></span> </span> <a href="configure/web-api-overview" class="has-external-link-indicator" data-linktype="relative-path">Portals web API</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="configure/component-framework" class="has-external-link-indicator" data-linktype="relative-path">Code components</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-concept"></span> </span> <a href="configure/cloud-flow-integration" class="has-external-link-indicator" data-linktype="relative-path">Configure Power Automate cloud flows in your site</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="configure/advanced-config" class="has-external-link-indicator" data-linktype="relative-path">Advanced configuration</a> </div> </li> </ul> </div> </article> </div> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height"> <div class="card-content"> <p class="card-title color-text font-size-lg">Security</p> <p class="card-content-description">Protect your sites and data</p> <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs"> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="security/power-pages-security" class="has-external-link-indicator" data-linktype="relative-path">Power Pages security overview</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-how-to-guide"></span> </span> <a href="security/authentication/configure-site" class="has-external-link-indicator" data-linktype="relative-path">Set up authentication</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-how-to-guide"></span> </span> <a href="security/create-web-roles" class="has-external-link-indicator" data-linktype="relative-path">Configure web roles</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-how-to-guide"></span> </span> <a href="security/table-permissions" class="has-external-link-indicator" data-linktype="relative-path">Configure table permissions</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-download"></span> </span> <a href="security/power-pages-security#deep-dive-architecture-and-security" class="has-external-link-indicator" data-linktype="relative-path">Architecture and security white papers</a> </div> </li> </ul> </div> </article> </div> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height"> <div class="card-content"> <p class="card-title color-text font-size-lg">Go live</p> <p class="card-content-description">Launch your site</p> <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs"> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-deploy"></span> </span> <a href="go-live/checklist" class="has-external-link-indicator" data-linktype="relative-path">Go live checklist</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-how-to-guide"></span> </span> <a href="go-live/assign-licensing" class="has-external-link-indicator" data-linktype="relative-path">Assign licensing</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-how-to-guide"></span> </span> <a href="configure/portals-alm" class="has-external-link-indicator" data-linktype="relative-path">Overview of Power Pages ALM</a> </div> </li> </ul> </div> </article> </div> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height"> <div class="card-content"> <p class="card-title color-text font-size-lg">Administer and monitor</p> <p class="card-content-description">Administer and monitor your Power Pages sites</p> <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs"> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="admin/admin-overview" class="has-external-link-indicator" data-linktype="relative-path">Use the portals admin center</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="admin/view-portal-error-log" class="has-external-link-indicator" data-linktype="relative-path">Troubleshooting and diagnostics</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-reference"></span> </span> <a href="admin/update-solution" class="has-external-link-indicator" data-linktype="relative-path">Maintain and update Power Pages</a> </div> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap"> <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true"> <span class="docon docon-topic-how-to-guide"></span> </span> <a href="admin/portal-consumption-reports" class="has-external-link-indicator" data-linktype="relative-path">Review consumption</a> </div> </li> </ul> </div> </article> </div> </div> </div> </section> <section id="additional-content" class="padding-block-lg"> <div class="uhf-container anchor-headings"> <h2 class="margin-top-none margin-bottom-sm">Related content</h2> <div class="columns is-multiline"> </div> <div class="columns is-multiline"> <div class="column is-6-tablet is-3-desktop"> <article class="card is-full-height position-relative"> <div class="card-content"> <a href="/en-us/power-platform" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Power Platform</a> <p class="card-content-description">One-stop learning resource for Power Platform applications and features including admin, developer, and guidance documentation.</p> </div> </article> </div> <div class="column is-6-tablet is-3-desktop"> <article class="card is-full-height position-relative"> <div class="card-content"> <a href="/en-us/powerapps" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Power Apps</a> <p class="card-content-description">Quickly build low-code apps that modernize processes and solve tough business challenges in your organization using Power Apps.</p> </div> </article> </div> <div class="column is-6-tablet is-3-desktop"> <article class="card is-full-height position-relative"> <div class="card-content"> <a href="/en-us/power-automate" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Power Automate</a> <p class="card-content-description">Create automated workflows between your favorite apps and services to synchronize files, get notifications, collect data, and more.</p> </div> </article> </div> <div class="column is-6-tablet is-3-desktop"> <article class="card is-full-height position-relative"> <div class="card-content"> <a href="/en-us/power-bi" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Power BI</a> <p class="card-content-description">Turn your unrelated sources of data into coherent, visually immersive, and interactive insights.</p> </div> </article> </div> </div> </div> </section> </div><div id="assertive-live-region" role="alert" aria-live="assertive" class="visually-hidden" aria-relevant="additions" aria-atomic="true"></div> <div id="polite-live-region" role="status" aria-live="polite" class="visually-hidden" aria-relevant="additions" aria-atomic="true"></div>  </main>  <div class="border-top is-visible-interactive has-default-focus margin-top-sm margin-top-none"><footer id="footer-interactive" data-bi-name="footer" class="footer-layout"><div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop"><a data-mscc-ic="false" class="locale-selector-link button button-sm button-clear flex-shrink-0" href="#" data-bi-name="select-locale"> <span class="icon" aria-hidden="true"> <span class="docon docon-world"></span> </span> <span class="local-selector-link-text"></span></a><div class="ccpa-privacy-link" data-ccpa-privacy-link hidden> <a href="https://aka.ms/yourcaliforniaprivacychoices" class="button button-sm button-clear flex-shrink-0" data-mscc-ic="false" data-bi-name="your-privacy-choices" > <svg role="img" aria-label="California Consumer Privacy Act (CCPA) Opt-Out Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43" focusable="false" > <title>California Consumer Privacy Act (CCPA) Opt-Out Icon</title> <path d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"></path> <path d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"></path> <path d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z" style="fill:#fff"></path> <path d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z" style="fill:#06f"></path> </svg> <span>Your Privacy Choices</span> </a> </div> <div class="flex-shrink-0"> <div class="dropdown has-caret-up"> <button class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger" aria-controls="theme-menu-interactive" aria-expanded="false" title="Theme" data-bi-name="theme"> <span class="icon"> <span class="docon docon-sun" aria-hidden="true"></span> </span> <span>Theme</span> <span class="icon expanded-indicator" aria-hidden="true"> <span class="docon docon-chevron-down-light"></span> </span> </button> <div class="dropdown-menu" id="theme-menu-interactive" role="menu"> <ul class="theme-selector padding-xxs" role="none"> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" data-theme-to="light"> <span class="theme-light margin-right-xxs"> <span class="theme-selector-icon border display-inline-block has-body-background" aria-hidden="true"> <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span>Light</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" data-theme-to="dark"> <span class="theme-dark margin-right-xxs"> <span class="border theme-selector-icon display-inline-block has-body-background" aria-hidden="true"> <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span>Dark</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" data-theme-to="high-contrast"> <span class="theme-high-contrast margin-right-xxs"> <span class="border theme-selector-icon display-inline-block has-body-background" aria-hidden="true"> <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span>High contrast</span> </button> </li> </ul> </div> </div> </div> </div> <ul class="links" data-bi-name="footerlinks"> <li class="manage-cookies-holder" hidden></li><li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/previous-versions/" data-bi-name="archivelink">Previous Versions</a></li> <li><a class="external-link-indicator" data-mscc-ic="false" href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog" data-bi-name="bloglink">Blog</a></li> <li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/contribute/" data-bi-name="contributorGuide">Contribute</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://go.microsoft.com/fwlink/?LinkId=521839" data-bi-name="privacy">Privacy</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/legal/termsofuse" data-bi-name="termsofuse">Terms of Use</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/" data-bi-name="trademarks">Trademarks</a></li><li>© Microsoft 2024</li> </ul> </footer></div></div></div>  </section>   <aside id="interactive-container" class="interactive-container is-visible-interactive column has-body-background-dark "> </aside>  </div> </div>  <section class="border-top has-default-focus is-hidden-interactive margin-top-sm margin-top-none"><footer id="footer" data-bi-name="footer" class="footer-layout uhf-container has-padding" role="contentinfo"><div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop"><a data-mscc-ic="false" class="locale-selector-link button button-sm button-clear flex-shrink-0" href="#" data-bi-name="select-locale"> <span class="icon" aria-hidden="true"> <span class="docon docon-world"></span> </span> <span class="local-selector-link-text"></span></a><div class="ccpa-privacy-link" data-ccpa-privacy-link hidden> <a href="https://aka.ms/yourcaliforniaprivacychoices" class="button button-sm button-clear flex-shrink-0" data-mscc-ic="false" data-bi-name="your-privacy-choices" > <svg role="img" aria-label="California Consumer Privacy Act (CCPA) Opt-Out Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43" focusable="false" > <title>California Consumer Privacy Act (CCPA) Opt-Out Icon</title> <path d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"></path> <path d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"></path> <path d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z" style="fill:#fff"></path> <path d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z" style="fill:#06f"></path> </svg> <span>Your Privacy Choices</span> </a> </div> <div class="flex-shrink-0"> <div class="dropdown has-caret-up"> <button class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger" aria-controls="theme-menu" aria-expanded="false" title="Theme" data-bi-name="theme"> <span class="icon"> <span class="docon docon-sun" aria-hidden="true"></span> </span> <span>Theme</span> <span class="icon expanded-indicator" aria-hidden="true"> <span class="docon docon-chevron-down-light"></span> </span> </button> <div class="dropdown-menu" id="theme-menu" role="menu"> <ul class="theme-selector padding-xxs" role="none"> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" data-theme-to="light"> <span class="theme-light margin-right-xxs"> <span class="theme-selector-icon border display-inline-block has-body-background" aria-hidden="true"> <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span>Light</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" data-theme-to="dark"> <span class="theme-dark margin-right-xxs"> <span class="border theme-selector-icon display-inline-block has-body-background" aria-hidden="true"> <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span>Dark</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" data-theme-to="high-contrast"> <span class="theme-high-contrast margin-right-xxs"> <span class="border theme-selector-icon display-inline-block has-body-background" aria-hidden="true"> <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span>High contrast</span> </button> </li> </ul> </div> </div> </div> </div> <ul class="links" data-bi-name="footerlinks"> <li class="manage-cookies-holder" hidden></li><li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/previous-versions/" data-bi-name="archivelink">Previous Versions</a></li> <li><a class="external-link-indicator" data-mscc-ic="false" href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog" data-bi-name="bloglink">Blog</a></li> <li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/contribute/" data-bi-name="contributorGuide">Contribute</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://go.microsoft.com/fwlink/?LinkId=521839" data-bi-name="privacy">Privacy</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/legal/termsofuse" data-bi-name="termsofuse">Terms of Use</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/" data-bi-name="trademarks">Trademarks</a></li><li>© Microsoft 2024</li> </ul> </footer> </section> <div id="action-panel" role="region" aria-label="Action Panel" class="action-panel has-default-focus" tabindex="-1"></div> </body> </html>

CINXE.COM

Microsoft Power Pages documentation | Microsoft Learn