CINXE.COM
Official Microsoft Power Apps documentation - Power Apps | Microsoft Learn
<!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="Official Microsoft Power Apps documentation - Power Apps" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://learn.microsoft.com/en-us/power-apps/" /><meta property="og:description" content="Discover how to make the most of Power Apps with online training courses, docs, and videos covering product capabilities and how-to articles. Learn how to quickly build low-code apps that modernize processes and solve tough business challenges in your organization using Power Apps." /><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="tapanm-MSFT" /> <meta name="bilingual_type" content="hover over" /> <meta name="breadcrumb_path" content="breadcrumb/toc.json" /> <meta name="depot_name" content="MSDN.powerapps-docs" /> <meta name="description" content="Discover how to make the most of Power Apps with online training courses, docs, and videos covering product capabilities and how-to articles. Learn how to quickly build low-code apps that modernize processes and solve tough business challenges in your organization using Power Apps." /> <meta name="document_id" content="074940de-d1a7-2c33-5735-804a8d3b81a3" /> <meta name="document_version_independent_id" content="a4d42f1c-98f1-69fe-107b-15c2c12ab10c" /> <meta name="feedback_help_link_type" content="" /> <meta name="feedback_help_link_url" content="" /> <meta name="feedback_product_url" content="https://ideas.powerapps.com" /> <meta name="feedback_system" content="Standard" /> <meta name="git_commit_id" content="ee0493de27e9c1dbded701d30209b2b6ab7c1668" /> <meta name="gitcommit" content="https://github.com/MicrosoftDocs/powerapps-docs-pr/blob/ee0493de27e9c1dbded701d30209b2b6ab7c1668/powerapps-docs/index.yml" /> <meta name="locale" content="en-us" /> <meta name="ms.author" content="tapanm" /> <meta name="ms.custom" content="bap-template" /> <meta name="ms.date" content="08/07/2024" /> <meta name="ms.service" content="powerapps" /> <meta name="ms.suite" content="office" /> <meta name="ms.topic" content="hub-page" /> <meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/powerapps-docs-pr/blob/live/powerapps-docs/index.yml" /> <meta name="page_type" content="hub" /> <meta name="recommendations" content="true" /> <meta name="schema" content="Hub" /> <meta name="search.app" content="PowerApps" /> <meta name="search.app" content="powerapps-docs" /> <meta name="site_name" content="Docs" /> <meta name="summary" content="Discover how to make the most of Power Apps with online training courses, docs, and videos covering product capabilities and how-to articles. Learn how to quickly build low-code apps that modernize processes and solve tough business challenges in your organization using Power Apps." /> <meta name="uhfHeaderId" content="MSDocsHeader-MSPowerApps" /> <meta name="updated_at" content="2024-09-13 01:01 AM" /> <meta name="persistent_id" content="6073e45d-bd3e-759e-7d2a-2fdc705a6dad" /> <meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/5bc9163f-0a3f-4ea9-8ac5-a1945a4c162f" data-source="generated" /> <meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/8c929cae-d11e-42a1-8868-48f7e5aa7c42" data-source="generated" /> <meta name="scope" content="Power Platform, Power Apps" /><meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/powerapps-docs/blob/main/powerapps-docs/index.yml" /><link href="https://learn.microsoft.com/en-us/power-apps/" rel="canonical"><title>Official Microsoft Power Apps documentation - Power Apps | 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-apps', context: {}, hasBinaryRating: false, feedbackHelpLinkType:'', feedbackHelpLinkUrl:'', standardFeedback: false, showFeedbackReport: false, enableTutorialFeedback: false, feedbackSystem: 'Standard', feedbackGitHubRepo: '', feedbackProductUrl: 'https://ideas.powerapps.com',extendBreadcrumb: false,isEditDisplayable: false, hideViewSource: false, hasPageActions: false, hasPrintButton: false, hasBookmark: false, hasShare: true, isPermissioned: false, isPrivateUnauthorized: false,hasRecommendations: false,contributors: [{ name: "Mattp123", url: "https://github.com/Mattp123" },{ name: "rhanajoy", url: "https://github.com/rhanajoy" },{ name: "KumarVivek", url: "https://github.com/KumarVivek" },{ name: "alexbuckgit", url: "https://github.com/alexbuckgit" },{ name: "v-hearya", url: "https://github.com/v-hearya" },{ name: "mduelae", url: "https://github.com/mduelae" },{ name: "phecke", url: "https://github.com/phecke" },{ name: "mgblythe", url: "https://github.com/mgblythe" }],}, 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> <!-- liquid-tag banners global --> <!-- site header --> <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"> <!-- liquid-tag banners sectional --> </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"><!-- .primary-holder --> <section class="primary-holder column "> <!--div.columns --> <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><!-- end mobile-contents button --> <div class="content "><!-- <content> --><section id="hero" class="hero has-background-power-apps has-text-power-apps-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 Apps documentation</h1> <p id="hero-summary" class="margin-none padding-top-xs">Discover how to make the most of Power Apps with online training courses, docs, and videos covering product capabilities and how-to articles. Learn how to quickly build low-code apps that modernize processes and solve tough business challenges in your organization using Power Apps.</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-apps" 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="powerapps-overview" class="card-title stretched-link has-external-link-indicator" data-linktype="relative-path">What is Power Apps?</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-apps" 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="none" d="M.04 0h64v64h-64z"></path> <path fill="none" d="M-.04 0h64v64h-64z"></path> <path d="M54.16 16v35a1.86 1.86 0 0 1-2.64 1.69 74.73 74.73 0 0 0-8.72-3.39C29.1 45 12 42.54 6.57 41.85A1.87 1.87 0 0 1 5 40V26.89A1.87 1.87 0 0 1 6.57 25c5.43-.7 22.53-3.1 36.23-7.46a76.6 76.6 0 0 0 8.72-3.3A1.85 1.85 0 0 1 54.16 16z" fill="#e3e3e3" fill-opacity=".3"></path> <path d="M32.16 46.19v1.47a6.28 6.28 0 0 1-6.28 6.28h-.81A7 7 0 0 1 18.12 47v-3.7" stroke="#c8c8c8" stroke-miterlimit="10" stroke-width="2" fill="none"></path> <path d="M59.05 33.44A7 7 0 0 1 49.56 40c-.18-2.07-.28-4.27-.28-6.54s.1-4.51.28-6.6a7 7 0 0 1 9.49 6.57z" fill="#919191"></path> <path fill="#c8c8c8" d="M52.3 15.44a.52.52 0 0 1 .52.53v35a.52.52 0 0 1-.52.52.59.59 0 0 1-.22 0A76.54 76.54 0 0 0 43.21 48c-13.88-4.41-31.42-6.86-36.47-7.5a.52.52 0 0 1-.44-.5V26.89a.53.53 0 0 1 .45-.52c6.47-.83 23-3.22 36.46-7.51a76.64 76.64 0 0 0 8.87-3.36.46.46 0 0 1 .22-.06m0-1.34a1.85 1.85 0 0 0-.78.18 76.6 76.6 0 0 1-8.72 3.3C29.1 21.94 12 24.34 6.57 25A1.87 1.87 0 0 0 5 26.89V40a1.87 1.87 0 0 0 1.62 1.85C12 42.54 29.1 45 42.8 49.3a74.73 74.73 0 0 1 8.72 3.31 1.83 1.83 0 0 0 .78.17 1.86 1.86 0 0 0 1.86-1.86V16a1.86 1.86 0 0 0-1.86-1.9z"></path> <path fill="#c8c8c8" d="M54.16 16v35a1.86 1.86 0 0 1-2.64 1.69 74.73 74.73 0 0 0-8.72-3.39V17.58a76.6 76.6 0 0 0 8.72-3.3A1.85 1.85 0 0 1 54.16 16z"></path> <circle cx="26.29" cy="21.3" r="9.8" class="fill-current-color" fill="#0079d6"></circle> <path fill="#fff" d="M26.3 15.36l1.47 4.54h4.77l-3.86 2.8 1.47 4.54-3.85-2.81-3.86 2.81 1.47-4.54-3.86-2.8h4.77l1.48-4.54z"></path> </g> </svg> </div> </div> <div class="media-content"> <p class="card-supertitle margin-top-none margin-top-xs-tablet">What's new</p> <a href="whats-new" class="card-title stretched-link has-external-link-indicator" data-linktype="relative-path">What's new in Power Apps?</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-apps" 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/powerplatform/power-apps" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Power Apps training</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-apps" 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="M60 19v31.57H35.84a5.33 5.33 0 0 1-3.77 2c-1.43 0-2.23-.45-3.77-2H4.05V19h4.61v25l19.62 1.39a4.17 4.17 0 0 1 3.58 4.12h.22a4.16 4.16 0 0 1 3.58-4.12L55.28 44V19z" fill="#acacac"></path> <path d="M32 49.54a4.16 4.16 0 0 0-3.57-4.12L8.77 44V11.44l19 1.35A4.16 4.16 0 0 1 32 17z" fill="#e3e3e3"></path> <path d="M32 49.54a4.16 4.16 0 0 1 3.58-4.12L55.19 44V11.71l-19 1.08A4.16 4.16 0 0 0 32 17z" fill-opacity=".3" fill="#e3e3e3"></path> <path d="M31.71 49.54a4.16 4.16 0 0 0-3.57-4.12L8.52 44V11.44l19 1.35A4.16 4.16 0 0 1 31.71 17zm.48 0a4.16 4.16 0 0 1 3.57-4.12L55.38 44V11.44l-19 1.35A4.16 4.16 0 0 0 32.19 17z" fill="none" stroke-miterlimit="10" stroke="#c8c8c8" stroke-width="1.25"></path> <circle cx="31.96" cy="29.13" r="8.8" class="fill-current-color" fill="#0079d6"></circle> <path stroke="#fff" stroke-width="1.85" fill="none" stroke-miterlimit="10" d="M27.12 29.46l3.24 3.25 5.65-7.16"></path> </g> </svg> </div> </div> <div class="media-content"> <p class="card-supertitle margin-top-none margin-top-xs-tablet">How-To Guide</p> <a href="/en-us/troubleshoot/power-platform/power-apps/welcome-power-apps" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Troubleshoot</a> </div> </div> </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">Create and design</h2> <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">Try/Buy</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"> <a href="maker/signup-for-powerapps" class="has-external-link-indicator" data-linktype="relative-path"> Try Power Apps </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="/en-us/power-platform/admin/signup-for-powerapps-admin" class="has-external-link-indicator" data-linktype="absolute-path"> Buy Power Apps </a> </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">Create apps</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"> <a href="maker/" class="has-external-link-indicator" data-linktype="relative-path"> Choose an app type </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/canvas-apps/" class="has-external-link-indicator" data-linktype="relative-path"> Create a canvas app </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/model-driven-apps/" class="has-external-link-indicator" data-linktype="relative-path"> Create a model-driven app </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="cards/overview" class="has-external-link-indicator" data-linktype="relative-path"> Create a card </a> </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 copilot capabilities</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"> <a href="maker/canvas-apps/ai-overview" class="has-external-link-indicator" data-linktype="relative-path"> Get started with AI copilot (preview) </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/canvas-apps/ai-conversations-create-app" class="has-external-link-indicator" data-linktype="relative-path"> Build apps through conversation (preview) </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/canvas-apps/add-ai-copilot" class="has-external-link-indicator" data-linktype="relative-path"> Add a Copilot control to a canvas app (preview) </a> </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">Create and manage 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"> <a href="maker/data-platform/data-platform-intro" class="has-external-link-indicator" data-linktype="relative-path"> What is Microsoft Dataverse? </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/data-platform/create-edit-metadata" class="has-external-link-indicator" data-linktype="relative-path"> Create and use tables and metadata </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/data-platform/processes" class="has-external-link-indicator" data-linktype="relative-path"> Apply business logic </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/data-platform/create-and-use-dataflows" class="has-external-link-indicator" data-linktype="relative-path"> Create and use dataflows </a> </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">Use solutions</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"> <a href="maker/data-platform/solutions-overview" class="has-external-link-indicator" data-linktype="relative-path"> What are solutions? </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="/en-us/power-platform/alm/overview-alm" class="has-external-link-indicator" data-linktype="absolute-path"> Implement healthy application lifecycle management (ALM) using solutions </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="/en-us/power-platform/alm/pipelines" class="has-external-link-indicator" data-linktype="absolute-path"> Deploy solutions using pipelines </a> </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">Integrate with other products</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"> <a href="user/visualize-in-power-bi" class="has-external-link-indicator" data-linktype="relative-path"> Visualize data with Power BI </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/data-platform/export-to-data-lake" class="has-external-link-indicator" data-linktype="relative-path"> Get real-time insights with Azure Synapse Link </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="teams/create-apps-overview" class="has-external-link-indicator" data-linktype="relative-path"> Add and use apps in Teams </a> </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">Best practices guidance</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"> <a href="guidance/patterns/overview" class="has-external-link-indicator" data-linktype="relative-path"> Understand Power Apps patterns </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="guidance/planning/introduction" class="has-external-link-indicator" data-linktype="relative-path"> Plan a Power Apps project </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="guidance/co-develop/overview" class="has-external-link-indicator" data-linktype="relative-path"> Collaborate and co-develop apps </a> </li> </ul> </div> </article> </div> </div> <h2 class="margin-top-none margin-bottom-sm">Administer and extend</h2> <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">Administer Power Apps</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"> <a href="/en-us/power-platform/admin/admin-documentation" class="has-external-link-indicator" data-linktype="absolute-path"> Use the Power Platform admin center </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="/en-us/power-platform/admin/pricing-billing-skus" class="has-external-link-indicator" data-linktype="absolute-path"> Understand Power Apps licensing </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="/en-us/power-platform/admin/security" class="has-external-link-indicator" data-linktype="absolute-path"> Understand security and governance </a> </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">Extend the data platform</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"> <a href="developer/data-platform/" class="has-external-link-indicator" data-linktype="relative-path"> Dataverse developer guide </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="developer/data-platform/work-with-data" class="has-external-link-indicator" data-linktype="relative-path"> Work with data using code </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="developer/data-platform/apply-business-logic-with-code" class="has-external-link-indicator" data-linktype="relative-path"> Apply business logic using code </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="developer/data-platform/connect-dataverse" class="has-external-link-indicator" data-linktype="relative-path"> Create client applications </a> </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">Extend model-driven apps</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"> <a href="developer/model-driven-apps/" class="has-external-link-indicator" data-linktype="relative-path"> Model-driven apps developer guide </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="developer/model-driven-apps/client-scripting" class="has-external-link-indicator" data-linktype="relative-path"> Apply business logic using client scripting </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="developer/component-framework/code-components-model-driven-apps" class="has-external-link-indicator" data-linktype="relative-path"> Use code components in model-driven apps </a> </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">Extend canvas apps</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"> <a href="maker/canvas-apps/dev-enterprise-intro" class="has-external-link-indicator" data-linktype="relative-path"> Canvas apps developer guide </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/canvas-apps/register-custom-api" class="has-external-link-indicator" data-linktype="relative-path"> Create and use custom connectors </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/canvas-apps/offline-apps" class="has-external-link-indicator" data-linktype="relative-path"> Develop offline-capable canvas apps </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="maker/canvas-apps/create-component" class="has-external-link-indicator" data-linktype="relative-path"> Create and use canvas components </a> </li> </ul> </div> </article> </div> </div> <h2 class="margin-top-none margin-bottom-sm">Use</h2> <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">Use apps on mobile devices</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"> <a href="mobile/run-powerapps-on-mobile" class="has-external-link-indicator" data-linktype="relative-path"> Install and use Power Apps mobile </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="mobile/windows-app-use" class="has-external-link-indicator" data-linktype="relative-path"> Use Power Apps for Windows </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="mobile/powerapps-mobile-troubleshoot" class="has-external-link-indicator" data-linktype="relative-path"> Troubleshoot issues </a> </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">Use apps in web browsers</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"> <a href="user/navigation" class="has-external-link-indicator" data-linktype="relative-path"> Understand basic navigation </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="user/search" class="has-external-link-indicator" data-linktype="relative-path"> Search records </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="user/work-with-reports" class="has-external-link-indicator" data-linktype="relative-path"> View reports </a> </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">Use apps in Teams</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"> <a href="teams/embed-teams-tab" class="has-external-link-indicator" data-linktype="relative-path"> Embed a canvas app as a tab </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="teams/embed-teams-app" class="has-external-link-indicator" data-linktype="relative-path"> Embed a canvas app as a personal app </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="teams/embed-model-driven-teams-tab" class="has-external-link-indicator" data-linktype="relative-path"> Embed a model-driven app as a tab </a> </li> <li class="is-unstyled margin-bottom-xxs font-size-sm"> <a href="teams/embed-model-driven-teams-personal" class="has-external-link-indicator" data-linktype="relative-path"> Embed a model-driven app as a personal app </a> </li> </ul> </div> </article> </div> </div> <h2 class="margin-top-none margin-bottom-sm">Related content</h2> <div class="columns is-multiline"> <div class="column is-4-tablet is-4-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, with admin, developer, and guidance documentation.</p> </div> </article> </div> <div class="column is-4-tablet is-4-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-4-tablet is-4-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 class="column is-4-tablet is-4-desktop"> <article class="card is-full-height position-relative"> <div class="card-content"> <a href="/en-us/power-pages" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Power Pages</a> <p class="card-content-description">Design, host, and administer secure, modern, and low-code business websites.</p> </div> </article> </div> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height position-relative"> <div class="card-content"> <a href="/en-us/dynamics365/" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Dynamics 365</a> <p class="card-content-description">Empower your organization with the next generation of CRM and ERP applications.</p> </div> </article> </div> <div class="column is-4-tablet is-4-desktop"> <article class="card is-full-height position-relative"> <div class="card-content"> <a href="/en-us/azure" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Microsoft Azure</a> <p class="card-content-description">Learn how this ever-expanding set of cloud computing services can help your organization meet its business challenges.</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> <!-- </content> --> </main><!-- recommendations section --><!-- end recommendations section --> <!-- feedback section --><!-- end feedback section --> <!-- feedback report section --><!-- end feedback report section --><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> <!--end of div.columns --> </section> <!--end of .primary-holder --> <!-- interactive container --> <aside id="interactive-container" class="interactive-container is-visible-interactive column has-body-background-dark "> </aside> <!-- end of interactive container --> </div> </div> <!--end of .mainContainer --> <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>