My Profile | Microsoft Dynamics 365 Community

<!DOCTYPE html> <html lang="en-US" data-lang="en-US" crm-lang="en-US" dir="ltr" crm-lcid="1033" same-site-mode="None"> <head> <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script type="text/javascript" > </script> <title> My Profile | Microsoft Dynamics 365 Community </title> <meta name="description" content="View and update your profile information, manage your account, and track your achievements across the Dynamics 365 Community." /> <script src="/_portal/734cd849-2090-ed11-81ab-6045bda8a4ca/Resources/ResourceManager?lang=en-US"></script> <script type="text/javascript"> // Refresh all powerBI Iframes on Login in one Iframe window.addEventListener('message', function (event) { if (event && event.data && event.data == 'refreshPowerBI') { $("iframe.powerbi").each(function () { this.src = this.src; }); } }); // Fix for incorrect viewport width setting in IE 10 on Windows Phone 8. if (navigator.userAgent.match(/IEMobile\/10\.0/)) { var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}")); document.getElementsByTagName("head")[0].appendChild(msViewportStyle); } </script> <link href="/bootstrap.min.css?1740379176000" rel="stylesheet" /> <link href="https://content.powerapps.com/resource/powerappsportal/dist/font-awesome.bundle-3d8a58a48f.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/font-awesome.bundle-3d8a58a48f.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <link href="https://content.powerapps.com/resource/powerappsportal/dist/preform.bundle-8a0534540c.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/preform.bundle-8a0534540c.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <link href="/css_topheader.css?1740379196000" rel="stylesheet" /> <link href="/css_Community_Home.css?1740379186000" rel="stylesheet" /> <link href="/css_cmty_home_page_copilot.css?1740379185000" rel="stylesheet" /> <link href="/css_cmty_news_announcements_icon.css?1740379185000" rel="stylesheet" /> <link href="/css_homepage_banner_announcement.css?1740379193000" rel="stylesheet" /> <link href="/css_cmty_Search_Copilot.css?1740379186000" rel="stylesheet" /> <link href="/cmty_Base_Variables.css?1740379178000" rel="stylesheet" /> <link href="/css_cmty_ForumHome_Copilot.css?1740379184000" rel="stylesheet" /> <link href="/css_cmty_Notification_RightSide_Flyout.css?1740379185000" rel="stylesheet" /> <link href="/cmty_PowerVirtualAgents.css?1740379180000" rel="stylesheet" /> <link href="/css_fabric.min.css?1740379189000" rel="stylesheet" /> <link href="/css_fabric.components.min.css?1740379188000" rel="stylesheet" /> <link href="/css_febric_spacing-min.css?1740379190000" rel="stylesheet" /> <link href="/css_Header_General.css?1740379193000" rel="stylesheet" /> <link href="/cmty_Fabric_Home_common.css?1740379189000" rel="stylesheet" /> <link href="/css_footerltrStyles.css?1740379069000" rel="stylesheet" /> <link href="/css_Pagination_Async.css?1740379194000" rel="stylesheet" /> <link href="/theme.css?1740379146000" rel="stylesheet" /> <link href="/portalbasictheme.css?1740379142000" rel="stylesheet" /> <link href="/bidirectional.css?1740379175000" rel="stylesheet" /> <link href="/profile/css_Profile.css?1740379195000" rel="stylesheet" /> <link href="/profile/css_profilepic_edit_modal.css?1740379195000" rel="stylesheet" /> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div> <script> function createMetaTagInsideHead(property,content) { var headTag = document.getElementsByTagName('head')[0]; var childMetaTagName = document.createElement('meta'); childMetaTagName.setAttribute("name", property); childMetaTagName.setAttribute("content", content); headTag.appendChild(childMetaTagName); } //changes regarding ADO#3555206 function createSocialTagsInsideHead(property,content){ var headTag = document.getElementsByTagName('head')[0]; var childMetaTagName = document.createElement('meta'); childMetaTagName.setAttribute("property",property); childMetaTagName.setAttribute("content",content); headTag.appendChild(childMetaTagName); } //ends here //changes regarding 3771121 function createLinkTagsInsideHead(rel,href){ var headTag = document.getElementsByTagName('head')[0]; var childMetaTagName = document.createElement('link'); childMetaTagName.setAttribute("rel",rel); childMetaTagName.setAttribute("href",href); headTag.appendChild(childMetaTagName); } function addStructructuredJSONscript(metascript) { let scriptToAdd = document.createElement('script'); scriptToAdd.type = 'application/ld+json'; // Create contents of the script let inlineScript = document.createTextNode(metascript); scriptToAdd.appendChild(inlineScript); document.head.appendChild(scriptToAdd); } </script>  <link href="https://content.powerapps.com/resource/powerappsportal/dist/pwa-style.bundle-2739c60227.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/pwa-style.bundle-2739c60227.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> </head> <body data-sitemap-state="/profile/:/" data-dateformat="M/d/yyyy" data-timeformat="h:mm tt" data-datetimeformat="M/d/yyyy h:mm tt" data-app-path="/" data-ckeditor-basepath="/js/BaseHtmlContentDesigner/Libs/msdyncrm_/libs/ckeditor/" data-case-deflection-url="/_services/search/734cd849-2090-ed11-81ab-6045bda8a4ca"> <link href="https://content.powerapps.com/resource/powerappsportal/dist/pcf-style.bundle-373a0f4982.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/pcf-style.bundle-373a0f4982.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <div id="offlineNotificationBar" style="display: none;"> <img alt="web" id="web" onerror="javascript: var target = event.target; var img = document.createElement('img'); img.src = '/css/images/web.png'; img.alt = 'web'; img.id = 'web' ; target.insertAdjacentElement('afterend',img); target.remove();" src="https://content.powerapps.com/resource/powerappsportal/img/web.png" /> <div id="message">You’re offline. This is a read only version of the page.</div> <div id="close" onclick="this.parentElement.style.display='none';"><img alt="close" onerror="javascript: var target = event.target; var img = document.createElement('img'); img.src = '/css/images/close.png'; img.alt = 'close'; img.id = '' ; target.insertAdjacentElement('afterend',img); target.remove();" src="https://content.powerapps.com/resource/powerappsportal/img/close.png" /></div> </div> <script type="text/javascript"> window.DisableCkEditor = window.DisableCkEditor || {}; DisableCkEditor.Value = 'True'; </script> <script type="text/javascript"> var enableOmniChannelWidgetWithSiteCopilot = 'False'; if (enableOmniChannelWidgetWithSiteCopilot === "True" || enableOmniChannelWidgetWithSiteCopilot === "true") { const authUrl = window.location.origin + "/_services/auth/portalusertoken"; const fetchWithRetries = async (url, options, retries) => { try { const authResponse = await fetch(url, options); const token = await authResponse.text(); sessionStorage['c2Token'] = token; } catch (err) { if (retries === 1) throw err; return await fetchWithRetries(url, options, retries - 1); } }; fetchWithRetries(authUrl, { method: "POST" }, 4); } </script> <script type="text/javascript"> var isPvaBotAuthenticated = sessionStorage['isPvaBotAuthenticated']; var isPortalUserLoggedIn = 'False'; if ((isPvaBotAuthenticated != null || isPvaBotAuthenticated != undefined) && isPvaBotAuthenticated != isPortalUserLoggedIn) { sessionStorage['triggerPvaBotSignOut'] = true; sessionStorage.removeItem('c2Token'); sessionStorage.removeItem('directLinetoken'); sessionStorage.removeItem('conversation_Id'); } sessionStorage['isPvaBotAuthenticated'] = isPortalUserLoggedIn; </script> <script type="text/javascript"> window["Microsoft"] = window["Microsoft"] || {}; window["Microsoft"].Dynamic365 = { Portal: { User: { userName: '', contactId: '' }, version: '9.7.1.38', type: 'CDSStarterPortal', id: '76ff64d1-4765-4fe7-b797-499fd3196c8e', geo: 'NAM', tenant: '72f988bf-86f1-41af-91ab-2d7cd011db47', correlationId: 'd95947e4-32b7-467a-a327-1668c6735475', orgEnvironmentId: 'f55e79bd-d8cb-4fbb-9be2-2cefd8cb3b83', orgId: '9a716ccb-b974-4324-8590-feff90a9a5bc', portalProductionOrTrialType: 'Production', isTelemetryEnabled: 'False', InstrumentationSettings: { instrumentationKey: '197418c5cb8c4426b201f9db2e87b914-87887378-2790-49b0-9295-51f43b6204b1-7172', collectorEndpoint: 'https://us-mobile.events.data.microsoft.com/OneCollector/1.0/' }, timerProfileForBatching: 'NEAR_REAL_TIME', activeLanguages: ["en-US"] } } // Mark request not cacheable if Dynamics365PortalAnalytics cookie is being refreshed by the server or if the cookie in request header is invalid // For client side telemetry intializing Dynamics365PortalAnalytics cookie object window["Microsoft"].Dynamic365.Portal.dynamics365PortalAnalytics = 'jdiG98ADlcZ8YTLBA0ahajEAQ0oyV8vtvUZw-GGd6OaO9z-MjS-4YX-TblOo7rfMeRc6txxXgPqvNqsFnguNtxI0-4E05_PFv7p9mTAiD5YQ_3pvlKoCk8TrDius5GZHAMmcOwg04zlckiJNBgUCgQ2'; // CodeQL [SM00430] False Positive: only alphanumeric chars allowed, for non-alphanumeric char it will return INVALID_CHARACTERS_IN_COOKIE localStorage.setItem("Dynamics365PortalAnalytics", window["Microsoft"].Dynamic365.Portal.dynamics365PortalAnalytics); </script> <script type="text/javascript"> </script> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"><script type="text/javascript"> var titleJson = `[ { "WebPagePartialURL": "/", "NewTitle": "Find Answers | Microsoft Dynamics 365 Community", "Description":"Quickly search for answers, join discussions, post questions, and work smarter in your business applications by joining the Microsoft Dynamics 365 Community." } ]` </script></div></div> <link href="/css_Header_General.css" rel="stylesheet" /> <link href="/css_footerltrStyles.css" rel="stylesheet" /> <link href="/css_Pagination_Async.css" rel="stylesheet" />    <style type="text/css"> section:first-of-type { overflow: visible; } .CoveoSearchbox .CoveoSearchButton { background-color: #FFFFFF !important; } @media screen and (max-width:1023px) { .nachangesHeader { width:100%; } } @media screen and (min-width: 1024px) { .nachangesHeader { width:500.5px !important; } } </style> <div id="cookie-banner"></div>  <a class="bapi-skip-to-main" href="#main" tabindex="0" style="z-index:88889"> Skip to main content</a> <div id="dynamics"> <nav id="bapi-header" class="bapi-header--default" data-sticky-header="true" data-me-control="false"> <div class="bapi-top-bar bapi-top-bar--viewport-mooncat"> <div class="bapi-top-bar__logo"> <a href="https://microsoft.com" class="logo" id="header_nav-1_microsoft-logo" aria-label="Navigate to Microsoft.com" data-bi-name="Nav_MicrosoftLogo" data-bi-area="header-nav"> <img src="https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31" alt="Navigate to Microsoft.com" /> </a> </div> <div class="bapi-top-bar__separator" aria-hidden="true" role="presentation"> <div class="separator"></div> </div> <div class="bapi-top-bar__brand"> <a href="https://community.dynamics.com/" class="brand-text" id="header_nav-2_homepage" aria-label="Navigates to Dynamics Community Home Page" data-bi-area="header-nav" data-bi-name="Nav_PowerPagesHome"> Dynamics 365 Community </a> </div> <div id="sitesearch" class="bapi-top-bar__menu bapi-top-bar__menu--justify-flex-end hide"> <ul class="bapi-menu bapi-hide-until-large full-width"> <li id="liDynamicsSearchBox"> <div class="coveo-search-section" id="searchbox"> <div class="CoveoSearchbox"> <div class="magic-box"> <div class="magic-box-input"> <input title="Insert a query. Press enter to send" aria-label="Search" placeholder="Search Dynamics Community"> </div> </div> <a class="CoveoSearchButton" role="button" aria-label="Search" tabindex="0"> <span class="coveo-search-button"> <svg alt="Search" focusable="false" enable-background="new 0 0 20 20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="coveo-search-button-svg" style="max-height:30px;max-width:30px;"> <g fill="currentColor"> <path class="coveo-magnifier-circle-svg" d="m8.368 16.736c-4.614 0-8.368-3.754-8.368-8.368s3.754-8.368 8.368-8.368 8.368 3.754 8.368 8.368-3.754 8.368-8.368 8.368m0-14.161c-3.195 0-5.793 2.599-5.793 5.793s2.599 5.793 5.793 5.793 5.793-2.599 5.793-5.793-2.599-5.793-5.793-5.793"></path> <path d="m18.713 20c-.329 0-.659-.126-.91-.377l-4.552-4.551c-.503-.503-.503-1.318 0-1.82.503-.503 1.318-.503 1.82 0l4.552 4.551c.503.503.503 1.318 0 1.82-.252.251-.581.377-.91.377"></path> </g> </svg> </span> </a> </div> </div> </li> <li class="is-menu-link is-menu-link--featured"> <a href="javascript:void(0)" role="button" aria-label="Cancel" data-bi-name="Cancel" id="site-search-cancel" title="Cancel"> Cancel </a> </li> </ul> </div> <div id="top-nav" class="bapi-top-bar__menu bapi-top-bar__menu--justify-flex-end">  <ul class="bapi-menu bapi-dropdown bapi-hide-until-large" data-menu-left="true" role="menubar"> <li class="is-dropdown-submenu-parent opens-right" role="presentation"> <button type="button" class="bapi-menu-toggle-button" data-bi-area="header-l1-nav" role="menuitem"> Forums </button> <ul class="bapi-menu bapi-submenu is-dropdown-submenu is-dropdown-submenu--multi-column is-dropdown-submenu--multi-column-2 nachangesHeader" id="newProducts" role="menu"> <li class="is-dropdown-submenu-parent opens-right" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=customerexperience" aria-label="Customer experience | Sales, Customer Insights, CRM" id="Products_1_CustomerEperience" data-bi-area="header-l2-nav" data-bi-name="Customer experience | Sales, Customer Insights, CRM" class="communityEvents"> <strong>Customer experience</strong> | Sales, Customer Insights, CRM </a> </li> <li class="is-dropdown-submenu-parent opens-right" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=service" aria-label="Service | Customer Service, Contact Center, Field Service, Guides" id="Products_2_Service" data-bi-area="header-l2-nav" data-bi-name="Service | Customer Service, Contact Center, Field Service, Guides" class="communityEvents"> <strong>Service</strong> | Customer Service, Contact Center, Field Service, Guides </a> </li> <li class="is-dropdown-submenu-parent opens-right" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=supplychain" aria-label="Supply chain | Supply Chain Management, Commerce" id="Products_3_SupplyChain" data-bi-area="header-l2-nav" data-bi-name="Supply chain | Supply Chain Management, Commerce" class="communityEvents"> <strong>Supply chain</strong> | Supply Chain Management, Commerce </a> </li> <li class="is-dropdown-submenu-parent opens-right" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=finance" aria-label="Finance | Project Operations, Human Resources, AX, GP, SL" id="Products_4_Finance" data-bi-area="header-l2-nav" data-bi-name="Finance | Project Operations, Human Resources, AX, GP, SL" class="communityEvents"> <strong>Finance</strong> | Project Operations, Human Resources, AX, GP, SL </a> </li> <li class="is-dropdown-submenu-parent opens-right" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=smb" aria-label="Small and medium business | Business Central, NAV, RMS" id="Products_5_SmallAndMediumBusiness" data-bi-area="header-l2-nav" data-bi-name="Small and medium business | Business Central, NAV, RMS" class="communityEvents"> <strong>Small and medium business</strong> | Business Central, NAV, RMS </a> </li> <li class="is-dropdown-submenu-parent opens-right" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=dynamics365" aria-label="Microsoft Dynamics 365 | Integration, Dataverse, and general topics" id="Products_6_MicrosoftDynamics365" data-bi-area="header-l2-nav" data-bi-name="Microsoft Dynamics 365 | Integration, Dataverse, and general topics" class="communityEvents"> <strong>Microsoft Dynamics 365</strong> | Integration, Dataverse, and general topics </a> </li> <li class="is-dropdown-submenu-parent opens-right" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=Microsoft-cloud-for-Sustainability" aria-label="Microsoft Cloud for Sustainability | MSM, SDSF, ECS, EID, ESG" id="Products_9_Sustainability" data-bi-area="header-l2-nav" data-bi-name="Microsoft Cloud for Sustainability | MSM, SDSF, ECS, EID, ESG" class="communityEvents"> <strong>Microsoft Cloud for Sustainability</strong> | MSM, SDSF, ECS, EID, ESG </a> </li> <li class="is-dropdown-submenu-parent opens-right" role="presentation"> <button type="button" class="bapi-menu-toggle-button" data-bi-area="header-l1-nav" role="menuitem"> <strong style="margin-left:10px; font-size: var(--cmty-font-size-sm) !important;">Archived topics</strong> | Read-only forums of past discussions </button> <ul style="min-width:317px !important" class="bapi-menu bapi-submenu is-dropdown-submenu is-dropdown-submenu--multi-column is-dropdown-submenu--multi-column" id="archivedTopics" role="menu"> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=ax" aria-label="Microsoft Dynamics AX (Archived)" id="Previousversions_4_MicrosoftDynamicsAX" data-bi-area="header-l2-nav" data-bi-name="Microsoft Dynamics AX (Archived)" class="communityEvents"> Microsoft Dynamics AX (Archived) </a> </li> <li class="is-dropdown-submenu-parent" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=crm" aria-label="Microsoft Dynamics CRM (Archived)" id="Previousversions_5_MicrosoftDynamicsCRM" data-bi-area="header-l2-nav" data-bi-name="Microsoft Dynamics CRM (Archived)" class="communityEvents"> Microsoft Dynamics CRM (Archived) </a> </li> <li class="is-dropdown-submenu-parent" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=gp" aria-label="Microsoft Dynamics GP (Archived)" id="Previousversions_1_Microsoft Dynamics GP" data-bi-area="header-l2-nav" data-bi-name="Microsoft Dynamics GP (Archived)" class="communityEvents"> Microsoft Dynamics GP (Archived) </a> </li> <li class="is-dropdown-submenu-parent" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=nav" aria-label="Microsoft Dynamics NAV (Archived)" id="Previousversions_3_MicrosoftDynamicsNAV" data-bi-area="header-l2-nav" data-bi-name="Microsoft Dynamics NAV (Archived)" class="communityEvents"> Microsoft Dynamics NAV (Archived) </a> </li> <li class="is-dropdown-submenu-parent" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=rms" aria-label="Microsoft Dynamics RMS (Archived)" id="Previousversions_6_MicrosoftDynamicsRMS" data-bi-area="header-l2-nav" data-bi-name="Microsoft Dynamics RMS (Archived)" class="communityEvents"> Microsoft Dynamics RMS (Archived) </a> </li> <li class="is-dropdown-submenu-parent" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=sl" aria-label="Microsoft Dynamics SL (Archived)" id="Previousversions_2_MicrosoftDynamicsSL" data-bi-area="header-l2-nav" data-bi-name="Microsoft Dynamics SL (Archived)" class="communityEvents"> Microsoft Dynamics SL (Archived) </a> </li> </ul> </li> </ul> </li> <li class="is-dropdown-submenu-parent opens-right" role="presentation"> <button type="button" class="bapi-menu-toggle-button" data-bi-area="header-l1-nav" role="menuitem"> Blogs </button> <ul class="bapi-menu bapi-submenu is-dropdown-submenu is-dropdown-submenu--multi-column is-dropdown-submenu--multi-column" id="Blogs" role="menu"> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="/en-US/Blogs" aria-label="Community blog" id="Blogs_1_Communityblog" data-bi-area="header-l2-nav" data-bi-name="Community blog" class="communityEvents"> Community blog </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem" class="communityEvents"> <a href="https://cloudblogs.microsoft.com/dynamics365/" aria-label="Dynamics 365 blogs" id="Blogs_2_Dynamics365blogs" data-bi-area="header-l2-nav" data-bi-name="Dynamics 365 blogs" class="communityEvents"> Dynamics 365 blogs </a> </li> </ul> </li> <li class="is-menu-link" role="presentation"> <a role="menuitem" href="/en-US/usergroups" id="header_nav-5_Usergroups" aria-label="Link to User Groups" data-bi-area="header-nav" data-bi-name="User groups" class="communityEvents"> User groups </a> </li> <li class="is-menu-link" role="presentation"> <a role="menuitem" href="/en-US/galleries" id="header_nav-6_Videos" aria-label="Videos" data-bi-area="header-nav" data-bi-name="Videos" class="communityEvents"> Galleries </a> </li> <li class="is-menu-link" role="presentation"> <a role="menuitem" href="https://aka.ms/dynamicsideas" id="header_nav-7_Ideas" aria-label="Ideas" data-bi-area="header-nav" data-bi-name="Ideas" class="communityEvents"> Ideas </a> </li> <li class="is-dropdown-submenu-parent opens-right" role="presentation"> <button type="button" class="bapi-menu-toggle-button" data-bi-area="header-l1-nav" role="menuitem"> Resources </button> <ul class="bapi-menu bapi-submenu is-dropdown-submenu is-dropdown-submenu--multi-column is-dropdown-submenu--multi-column" id="Resources" role="menu"> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="https://aka.ms/d365cgs" aria-label="Getting started" id="Resources_1_Gettingstarted" data-bi-area="header-l2-nav" data-bi-name="Getting started" class="communityEvents"> Getting started </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem" class="communityEvents"> <a href="https://aka.ms/d365cnews" aria-label="Community news" id="Resources_2_Communitynews" data-bi-area="header-l2-nav" data-bi-name="Community news" class="communityEvents"> Community news </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="/en-US/leaderboard" aria-label="Leaderboard" id="Resources_3_Leaderboard" data-bi-area="header-l2-nav" data-bi-name="Leaderboard" class="communityEvents"> Leaderboard </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="https://learn.microsoft.com/en-us/dynamics365/" aria-label="Learn" id="Resources_4_Learn" data-bi-area="header-l2-nav" data-bi-name="Learn" class="communityEvents"> Learn </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="https://aka.ms/D365CommunitySupport" aria-label="Community support" id="Resources_5_Communitysupport" data-bi-area="header-l2-nav" data-bi-name="Community support" class="communityEvents"> Community support </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="https://aka.ms/d365cevents" aria-label="Community Events" id="Resources_6_CommunityEvents" data-bi-area="header-l2-nav" data-bi-name="Community Events" class="communityEvents"> Community events </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="https://aka.ms/d365cfb" aria-label="Community feedback" id="Resources_7_Communityfeedback" data-bi-area="header-l2-nav" data-bi-name="Community feedback" class="communityEvents"> Community feedback </a> </li> <li class="is-dropdown-submenu-parent opens-right" role="presentation"> <button type="button" class="bapi-menu-toggle-button" data-bi-area="header-l1-nav" role="menuitem"> FastTrack </button> <ul class="bapi-menu bapi-submenu is-dropdown-submenu is-dropdown-submenu--multi-column is-dropdown-submenu--multi-column" id="FastTrack" role="menu"> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="https://aka.ms/d365cftt" aria-label="TechTalks" id="FastTrack_1_TechTalks" data-bi-area="header-l2-nav" data-bi-name="TechTalks" class="communityEvents"> TechTalks </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="https://aka.ms/d365cftb" aria-label="Blogs" id="FastTrack_2_Blogs" data-bi-area="header-l2-nav" data-bi-name="Blogs" class="communityEvents"> Blogs </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="/en-US/forums/thread/?partialUrl=dynamics-365-fasttrack" aria-label="FastTrack forum" id="FastTrack_3_FastTrackforum" data-bi-area="header-l2-nav" data-bi-name="FastTrack forum" class="communityEvents"> FastTrack forum </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="https://aka.ms/d365cftpcs" aria-label="Partner case studies" id="FastTrack_5_Partner case studies" data-bi-area="header-l2-nav" data-bi-name="Partner case studies" class="communityEvents"> Partner case studies </a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="https://aka.ms/D365ImplementationPortal" aria-label="Implementation guide" id="FastTrack_6_Implementationguide" data-bi-area="header-l2-nav" data-bi-name="Implementation guide" class="communityEvents"> Implementation guide </a> </li> </ul> </li> </ul> </li>  <li role="presentation" class="is-dropdown-submenu-parent opens-right has-submenu more" style="display: none;"> <button id="bapi-more-menu-button" type="button" role="menuitem" class="bapi-menu-toggle-button more-button" aria-controls="more-menu-list" aria-expanded="false" data-bi-name="Nav_MoreMenu" data-bi-area="topNav"> More </button> <ul id="more-menu-list" class="bapi-menu is-dropdown-submenu" role="menu"></ul> </li> </ul> <ul class="bapi-menu bapi-hide-until-large nav-items-right-container" data-menu-right> <li class="is-menu-link"> <a href="javascript:void(0)" id="site-search-link" aria-label="Search" title="Search" role="button"> <span>Search</span>  <i class="fa fa-search fa-mini" aria-hidden="true"></i> </a> </li> <li> <div id="meControl"> </div> </li> <li> <div id="buttonInHeader"> </div> </li> </ul> </div> <div class="bapi-hide-for-large hamburger-container"> <ul class="bapi-menu full-width"> <li> <button class="hamburger-container__hamburger" aria-expanded="false" aria-label="Expand or Collapse Menu" data-bi-name="Nav_HamburgerMenu" data-bi-area="topNav"> <span class="fixin top-bun"></span> <span class="fixin patty"></span> <span class="fixin bottom-bun"></span> </button> <a href="javascript:void(0)" id="site-search-goback-link" role="button" class="hide" aria-label="Cancel" title="Cancel">  <i class="ms-Icon ms-Icon--Back" aria-hidden="true"></i> </a> </li> <li id="site-searchbox-mini" class="hide"> <div> <div class="search-input">  <i class="icon fa fa-search glyph-small" aria-hidden="true"></i> <input id="mblview_searchbox" name="cq" placeholder="Search" title="Search" type="text" value="" /> </div> </div> </li> <li> <a href="javascript:void(0)" id="site-search-glass-link" title="Search" role="button">  <i class="fa fa-search glyph-small" aria-hidden="true"></i> </a> </li> </ul> </div> </div> </nav> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { const communityEvents = document.querySelectorAll('.communityEvents'); communityEvents.forEach(function(eventElement) { eventElement.addEventListener('click', function(event) { if (typeof appInsights !== 'undefined') { var tabName = eventElement.getAttribute('data-bi-name'); appInsights.trackEvent({ name: "Header Navigation Link: " + tabName, properties: { tabName: tabName, page: window.location.pathname } }); } else { console.log('App Insights is NOT available'); } }); }); }); </script> <script type="text/javascript"> var cmtySiteId = '44c1922b-d231-4183-bae6-be148059122f'; window.addEventListener("load", (event) => { const url = location.href; const params = new URLSearchParams(new URL(url).search); const buttonInHeader = document.querySelector("#buttonInHeader"); if (typeof(forumID) != 'undefined' && url.indexOf('/forums/thread/') !== -1 && forumID != '') { buttonInHeader.innerHTML = "<a class='dc-button' href='/ask-question/?forumid=" + forumID + "'>Post a question</a></div>"; } else { buttonInHeader.innerHTML = "<a class='dc-button' href='/ask-question/' role='button'>Post a question</a></div>"; } var urlParams = new URLSearchParams(window.location.search); var searchTerm = urlParams.get("q"); $(document).ready(function () { $('#searchbox input').val(searchTerm); $('#searchbox .CoveoSearchButton').click(function () { var searchText = $('#searchbox input').val(); if (searchText != undefined && searchText.trim() != '') { if(url.indexOf('blog') !== -1) { if (typeof(searchTargetBlogID) != 'undefined' && searchTargetBlogID != '') { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText + "&target=blog&id=" + searchTargetBlogID; } else { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText + "&target=blog"; } } else if (url.indexOf('event') !== -1) { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText + "&target=event"; } else if (url.indexOf('usergroup') !== -1) { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText + "&target=usergroup"; } else { if (typeof(forumID) != 'undefined' && forumID != '') { window.location.href = window.location.origin + "/globalsearch/?target=forum&q=" + searchText + "&id=" + forumID; } else { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText; } } } }); $('#searchbox input').on("keypress", function (event) { if (event.key === "Enter") { event.preventDefault(); $('#searchbox .CoveoSearchButton').click(); } }); $('#mblview_searchbox').on("keypress", function (event) { if (event.key === "Enter") { var searchText = $('#mblview_searchbox').val(); if (searchText != undefined && searchText.trim() != '') { if(url.indexOf('blog') !== -1) { if (typeof(searchTargetBlogID) != 'undefined' && searchTargetBlogID != '') { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText + "&target=blog&id=" + searchTargetBlogID; } else { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText + "&target=blog"; } } else if (url.indexOf('event') !== -1) { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText + "&target=event"; } else if (url.indexOf('usergroup') !== -1) { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText + "&target=usergroup"; } else { if (typeof(forumID) != 'undefined' && forumID != '') { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText + "&id=" + forumID ; } else { window.location.href = window.location.origin + "/globalsearch/?q=" + searchText; } } } } }); }); }); </script> <script type="text/javascript" src="/js_Pagination_Async.js"></script>   <link rel="stylesheet" href="/css_cmty_Notification_RightSide_Flyout.css"> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div> <div id="notificationFlyout" class="dc-notification-flyout-container"> <div class="dc-notification-flyout-header"> <div> <p>Notifications</p> <a href="/profile/#settings" aria-label="Notification settings" class="dc-settingIcon"><img src="/img_Settings.svg" role="presentation"/></a> </div> <a id="closeNotificationBar_Btn" href="javascript:closeSideNotificationBar();" title="Close" aria-label="Close" role="button"><i data-icon-name="Clear" aria-hidden="true" class="ms-Icon ms-Icon--Cancel x-hidden-focus"> </i></a> </div> <div class="dc-notification-flyout-content"> <div class="dc-notification-flyout-content-tabs"> <div class="dc-notification-flyout-content-tab-line"> <div class="dc-notification-flyout-content-tab-line-item" onclick="openNotificationTab(event, 'announcements')" id="announcements" tabindex="0"> <div> <p>Announcements</p> </div> </div> </div> <div class="dc-notification-flyout-content-notification-list" id="dc-notification-frame"> <div id="announcements-content" class="tabcontent">  <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div> <p class="no-record">No record found.</p> </div> </div> </div> </div> </div>   <script> function FormatDateTime() { $('[data-utc-date]').each(function (index) { let dateToConvert = $(this).attr("data-utc-date"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("DD MMM YYYY")); }); $('[data-utc-time]').each(function (index) { let dateToConvert = $(this).attr("data-utc-time"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("HH:mm:ss")); }); $('[data-utc-date-time]').each(function (index) { let dateToConvert = $(this).attr("data-utc-date-time"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("D MMM YYYY HH:mm:ss")); }); $('[data-utc-time-only]').each(function (index) { let dateToConvert = $(this).attr("data-utc-time-only"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("hh:mm A")); }); $('[data-normal-date]').each(function (index) { let dateToConvert = $(this).attr("data-normal-date"); $(this).html(''); $(this).html(moment(dateToConvert).local().format("DD MMM YYYY")); }); $('[data-normal-time-only]').each(function (index) { let dateToConvert = $(this).attr("data-normal-time-only"); $(this).html(''); $(this).html(moment(dateToConvert).local().format("hh:mm A")); }); $('[data-normal-date-no-local]').each(function (index) { let dateToConvert = $(this).attr("data-normal-date-no-local"); $(this).html(''); $(this).html(moment.utc(dateToConvert).format("DD MMM YYYY")); }); $('[data-normal-time-only-no-local]').each(function (index) { let dateToConvert = $(this).attr("data-normal-time-only-no-local"); $(this).html(''); $(this).html(moment.utc(dateToConvert).format("hh:mm A")); }); $('[local-date-time-only]').each(function (index) { var dateToConvert = new Date($(this).attr("local-date-time-only")); var tzOffSet = dateToConvert.getTimezoneOffset(); var offsetDateTime = new Date(dateToConvert.getTime() - tzOffSet * 60 * 1000); $(this).html(moment(offsetDateTime).local().format("hh:mm A")); }); $('[local-date-time]').each(function (index) { var dateToConvert = new Date($(this).attr("local-date-time")); var tzOffSet = dateToConvert.getTimezoneOffset(); var offsetDateTime = new Date(dateToConvert.getTime() - tzOffSet * 60 * 1000); $(this).html(moment(offsetDateTime).local().format("MM/DD/YYYY")); }); $('[data-time-utc-convert]').each(function (index) { let dateToConvert = $(this).attr("data-time-utc-convert"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("D MMM HH:mm")); }); } </script> <script> window.addEventListener("load", (event) => { $('<a id="openNotificationBar_Btn" class="dc-notification-flyout-container-openBtn" href="javascript:openSideNotificationBar();" tabindex="0" title="Notification" role="button"><img src="/img_notification.svg" alt="Inbox-Bell-Icon" /></a>').insertBefore('#dc-user-profile-header'); }); </script> <script type="text/javascript" src="/js_cmty_Notification_RightSide_Flyout.js"></script>   <script> function FormatDateTime() { $('[data-utc-date]').each(function (index) { let dateToConvert = $(this).attr("data-utc-date"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("DD MMM YYYY")); }); $('[data-utc-time]').each(function (index) { let dateToConvert = $(this).attr("data-utc-time"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("HH:mm:ss")); }); $('[data-utc-date-time]').each(function (index) { let dateToConvert = $(this).attr("data-utc-date-time"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("D MMM YYYY HH:mm:ss")); }); $('[data-utc-time-only]').each(function (index) { let dateToConvert = $(this).attr("data-utc-time-only"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("hh:mm A")); }); $('[data-normal-date]').each(function (index) { let dateToConvert = $(this).attr("data-normal-date"); $(this).html(''); $(this).html(moment(dateToConvert).local().format("DD MMM YYYY")); }); $('[data-normal-time-only]').each(function (index) { let dateToConvert = $(this).attr("data-normal-time-only"); $(this).html(''); $(this).html(moment(dateToConvert).local().format("hh:mm A")); }); $('[data-normal-date-no-local]').each(function (index) { let dateToConvert = $(this).attr("data-normal-date-no-local"); $(this).html(''); $(this).html(moment.utc(dateToConvert).format("DD MMM YYYY")); }); $('[data-normal-time-only-no-local]').each(function (index) { let dateToConvert = $(this).attr("data-normal-time-only-no-local"); $(this).html(''); $(this).html(moment.utc(dateToConvert).format("hh:mm A")); }); $('[local-date-time-only]').each(function (index) { var dateToConvert = new Date($(this).attr("local-date-time-only")); var tzOffSet = dateToConvert.getTimezoneOffset(); var offsetDateTime = new Date(dateToConvert.getTime() - tzOffSet * 60 * 1000); $(this).html(moment(offsetDateTime).local().format("hh:mm A")); }); $('[local-date-time]').each(function (index) { var dateToConvert = new Date($(this).attr("local-date-time")); var tzOffSet = dateToConvert.getTimezoneOffset(); var offsetDateTime = new Date(dateToConvert.getTime() - tzOffSet * 60 * 1000); $(this).html(moment(offsetDateTime).local().format("MM/DD/YYYY")); }); $('[data-time-utc-convert]').each(function (index) { let dateToConvert = $(this).attr("data-time-utc-convert"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("D MMM HH:mm")); }); } </script> <script> const popoverTotalCommunityPoints = `Total community points`; const popoverTemplate = `<div class="msdpopovertooltip popover"><div class="arrow"></div><div class="popover-content"></div></div>`; const showOnlyProfileNameSettingVar = true; const communityMemberVar = 'Community member'; const globalUserId = ''; let reportModArr = []; var isSuperOrModerateUser; </script> <script> isSuperOrModerateUser = false; </script> <div id="cover-spin"></div> <style> #cover-spin { position:fixed; width:100%; left:0;right:0;top:0;bottom:0; background-color: rgba(255,255,255,0.4); z-index:9999; display:none; } @-webkit-keyframes spin { from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);} } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } #cover-spin::after { content:''; display:block; position:absolute; left:48%;top:40%; width:40px;height:40px; border-style:solid; border-color:#0078D4; border-top-color:transparent; border-width: 3px; border-radius:50%; -webkit-animation: spin .8s linear infinite; animation: spin .8s linear infinite; } .visually-hidden{ visibility: hidden; font-size: 1px; } </style> <script> function disableKeyPress() { document.onkeydown = function (e) { return false; } } function enableKeyPress() { document.onkeydown = function (e) { return true; } } function narratorSpeak(textSpeak, priority) { var tempEl = document.createElement("div"); var id = "speak-" + Date.now(); tempEl.setAttribute("id", id); tempEl.setAttribute("aria-live", priority || "assertive"); tempEl.classList.add("visually-hidden"); document.body.appendChild(tempEl); window.setTimeout(function () { document.getElementById(id).innerHTML = textSpeak; }, 200); window.setTimeout(function () { document.body.removeChild(document.getElementById(id)); }, 1000); } var previousSelected = null; function ShowLoader(){ previousSelected = document.activeElement; $('#cover-spin').show(); narratorSpeak('Loading started'); $('#cover-spin').attr('aria-label', 'loading data').focus(); disableKeyPress(); } function HideLoader(){ $('#cover-spin').hide(); narratorSpeak('Loading complete'); $('#cover-spin').removeAttr('aria-label'); if(previousSelected != null && previousSelected != '' && typeof(previousSelected) != 'undefined'){ previousSelected.focus(); } previousSelected = ''; enableKeyPress(); } </script>  <div class="announce-indicator"> <div class="indicator"> <div class="mega"> <a href="javascript:void(0);" class="openNotificationCls announcement-btn"> <div class="shape"> <img src="/AnnouncementsIcon.jpg" alt="News and Announcements icon"> </div> </a> </div> </div> </div> <style> #sessionId{ top: 166px; padding: 0; height: 35px; width: 49px; } #sessionId img{ width: 25px; height: 25px; } #tooltip-text{ font-family: var(--cmty-font-family); background: var(--cmty-neutrals-web-gray30); display: block; width: 100%; border: 1px solid var(--cmty-neutrals-web-gray10); padding: 8px 5px; margin: 0; font-weight: 400; font-size: 14px; } .session-tooltip { font-family: var(--cmty-font-family); display: none; position: absolute; background-color: var(--cmty-white); color: var(--cmty-neutrals-web-gray160); text-align: left; border-radius: 2px; padding: 16px; z-index: 1; bottom: initial; margin-left: initial; min-width: 224px; font-size: var(--cmty-font-size-xs); box-shadow: 0px 3.2px 7.2px rgb(0 0 0 / 13%), 0px 0.6px 1.8px rgb(0 0 0 / 11%); line-height: 16px; min-width: 320px; } .session-tooltip h3{ font-family: var(--cmty-font-family); font-size: 18px; color: #323130; margin: 0 0 15px; font-weight: 400; } .session-action{ display: flex; justify-content: flex-end; gap: 12px; } .session-tooltip::after{ content: ""; position: absolute; top: 13%; right: -24px; left: initial; margin-top: -12px; margin-left: initial; border-width: 12px; border-style: solid; border-color: transparent transparent transparent var(--cmty-white); } .session-tooltip p{ font-size: var(--cmty-font-size-xs); color: var(--cmty-neutrals-web-gray160); margin: 0; padding: 8px 0 0; } .session-tooltip button{ margin-top: 10px; display: flex; gap: 7px; } .session-tooltip .copy-btn { } .msd-btn-primary { color: var(--cmty-white) !important; background: var(--cmty-dymamics-primary); border-color: var(--cmty--msd-btn-primary-border-color); } .msd-btn-primary:focus, .msd-btn-primary.focus { color: var(--cmty-white); background-color: var(--cmty-dymamics-primary-shade20); border-color: var(--cmty--msd-btn-primary-border-focus-color); } .msd-btn { display: inline-block; margin-bottom: 0; font-weight: 600 !important; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; padding: 5px 20px; font-size: var(--cmty-btn-font-size) !important; line-height: 20px !important; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none !important; } .msd-btn-primary:hover { color: var(--cmty-white); background-color: var(--cmty-dymamics-primary-shade10); border-color: var(--cmty--msd-btn-primary-border-hover-color); } .msd-btn-primary:active:hover, .msd-btn-primary:active:focus, .msd-btn-primary:active.focus, .msd-btn-primary.active:hover, .msd-btn-primary.active:focus, .msd-btn-primary.active.focus, .msd-btn-primary:active, .msd-btn-primary.active, .open > .dropdown-toggle.msd-btn-primary { color: var(--cmty-white); background-color: var(--cmty-dymamics-primary-shade20); background-image: none; border-color: var(--cmty--msd-btn-primary-border-focus-color); } .msd-btn-primary.disabled { background-color: var(--cmty-dymamics-primary-shade20); color: var(--cmty-white) !important; border-color: var(--cmty-dymamics-primary-shade20); } .msd-button--secondary { border: 1px solid var(--cmty-neutrals-web-gray110); background-color: var(--cmty-white); color: var(--cmty-neutrals-web-gray160); } .msd-button--secondary:hover { border: 1px solid var(--cmty-neutrals-web-gray110); background-color: var(--cmty-neutrals-web-gray20); color: var(--cmty-neutrals-web-gray190); text-decoration: none !important; } .msd-button--secondary:focus, .msd-button--secondary.focus { background-color: var(--cmty-neutrals-web-gray20); outline: 5px auto var(--cmty-dymamics-primary-shade110) !important; outline-offset: 3px; color: var(--cmty-neutrals-web-gray160); } .msd-button--secondary:active, .msd-button--secondary.active, .msd-button--secondary:active:hover, .msd-button--secondary:active:focus, .msd-button--secondary:active.focus, .msd-button--secondary.active:hover, .msd-button--secondary.active:focus, .msd-button--secondary.active.focus { border: 1px solid var(--cmty-neutrals-web-gray110); background-color: var(--cmty-neutrals-web-gray20); color: var(--cmty-neutrals-web-gray190); text-decoration: none !important; } </style> <div id="sessionId" class="announce-indicator"> <a href="javascript:void(0)" id="show-tooltip-btn"><img src="/img_event_session.svg" alt="Community site session details"></a> <div id="session-tooltip" class="session-tooltip"> <h3>Community site session details</h3> <div id="tooltip-text">Session Id : <span id="session-value"> </span></div> <div class="session-action"> <button class="msd-btn msd-button--secondary copy-btn" id="copy-btn"><i aria-hidden="true" class="ms-Icon ms-Icon--Copy"></i> Copy</button> <button class="msd-btn msd-btn-primary copy-btn" id="closeSeesion">Close</button> </div> </div> </div>  <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div>         <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div>  <style> body a:active, body a:hover { outline: 0; text-decoration: underline !important; } body a[role="button"]:hover { outline: 0; text-decoration: none !important; } body a[data-bi-area="header-nav"]:hover { outline: 0; text-decoration: none !important; } body a,button,input[type="checkbox"],label[for],select,.dc-search-icon{ cursor: pointer; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.0.12/purify.min.js"></script>  <div id="antiforgerytoken" data-url="/_layout/tokenhtml"></div>  <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/client-telemetry-wrapper.bundle-633e70f51b.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/client-telemetry-wrapper.bundle-633e70f51b.js" type="text/javascript"></script> <script> window.clientLogWrapper = new ClientLogWrapper(); </script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/preform.moment_2_29_4.bundle-4fdd3f639b.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/preform.moment_2_29_4.bundle-4fdd3f639b.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-dependency.bundle-805a1661b7.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-dependency.bundle-805a1661b7.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf.bundle-582a4e04bd.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf.bundle-582a4e04bd.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-extended.bundle-b0e01b5622.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-extended.bundle-b0e01b5622.js" type="text/javascript"></script> <form method="post" action="/profile/" id="liquid_form"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="C1W+et0RW5caAY7YyX6fowYNyMJsiGUVHh53+3f3qAM56LrVrcMALVnHJ+CQGFs0ZTdSL6ASx7pIs3NCBm2CGkE5RKO7QaqGxL93tjLZmPeUZEA8RYsggESumpFtkOL+10qKT4HyLCYERpFpANz7Ix209C8i6Y4dHJEdxuVROiAnX8UwYvjCToXUXoOzzP0p3N5Cs1RvQ7mmfXCNom/5C83ES59h3/KjctSlS3U02b2w7nt0saDxLleEmdLc1XaFRhVs9fQhYYW+W8+JFklEAS/hwGNg0mkoxiOvkfLQYpSTzGyDNMPO0t1Cfm/js/wtkbhSXK7pviVIQ9hrjvNmkxyWp+a8RJVtS00BtUFxhTA0s7EbHc3ZjVQB8bQZF6bUMLa2P+7Rwbz/06de0DpL3HAMgJ2n+h8u+ElfK/LzAeUSBT2HAT3uWadwxvA8e/q56/qApYswvrkfpOlJ0vQ7CkURWCI6wfZEZeg4jnNoVXvkk8cUBIgtw6i1ILqQVKNrnlT+4IEhZ8QAl+fv1aJPmrFgh73IOeuhZo6AXG9mxtH58RjdnYJT2CcDc4yk7OydvIiAEo6hPQMV6i1ml07uZNafP1d0GlKUlpizO+iF06riwET3Eo4xkD48suwKEfR5" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['liquid_form']; if (!theForm) { theForm = document.liquid_form; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZHwrHC-_Q7NbBnt5EsIHwC7y5Grn8F5h3lCzDka5Z0_nRrTCbaLMdPzIhS18pF67oQ2&t=638628224627334853" type="text/javascript"></script> <script src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvp7q4s0SIw-r9rRWL_NJuK22RtqfMKGHl4fgo9JXU_fkXNKbqoOrU1-f7hTTMJGSO-J8uNxINzHugk8p3QmfMoQi6SGe0FFzT43TaOVIY0ud41Ed75Dynvh65S_U9_JeqfsRI_MCXiolBayLcs7gMzs1&t=b990ecd" type="text/javascript"></script> <script src="/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OD4bDzFPN3ZZGd4c17ls23bH7NnY_liIwIy-4E_ZLVE9jwsmcf0xsIW6JkG9bMaUphAp5NMmIo8BBzyj7vbHmWsJ5KKgCpbPiNwzmkAOhJQED9gj5F2Rc8mbx6QACK8olDxdIMEWm7LuRunbAxzWVVA1&t=b990ecd" type="text/javascript"></script> <script src="../js/jquery.blockUI.js" type="text/javascript"></script> <script src="/xrm-adx/js/webform.js" type="text/javascript"></script> <script src="/xrm-adx/js/radcaptcha.js" type="text/javascript"></script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="1128FCF4" /> <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="Lm5be59Vb46828DANVuvNgJKVsaoXCwKAirFzt8rz23ihaJB5w/qbA4PvczdAZP6WvHkxzJbSL/wmyBOigTPzSQLxSFJv3gDF/WUmsdnsTGm9WlgBeXuR96pAxo35ltE" /> </div> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$ContentContainer$ctl01', 'liquid_form', [], [], [], 90, 'ctl00'); //]]> </script> <script type="text/javascript" > function entityFormClientValidate() { // Custom client side validation. Method is called by the submit button's onclick event. // Must return true or false. Returning false will prevent the form from submitting. return true; } </script> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div>    <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div> <div id="cover-spin"></div> <style> #cover-spin { position:fixed; width:100%; left:0;right:0;top:0;bottom:0; background-color: rgba(255,255,255,0.4); z-index:9999; display:none; } @-webkit-keyframes spin { from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);} } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } #cover-spin::after { content:''; display:block; position:absolute; left:48%;top:40%; width:40px;height:40px; border-style:solid; border-color:#0078D4; border-top-color:transparent; border-width: 3px; border-radius:50%; -webkit-animation: spin .8s linear infinite; animation: spin .8s linear infinite; } .visually-hidden{ visibility: hidden; font-size: 1px; } </style> <script> function disableKeyPress() { document.onkeydown = function (e) { return false; } } function enableKeyPress() { document.onkeydown = function (e) { return true; } } function narratorSpeak(textSpeak, priority) { var tempEl = document.createElement("div"); var id = "speak-" + Date.now(); tempEl.setAttribute("id", id); tempEl.setAttribute("aria-live", priority || "assertive"); tempEl.classList.add("visually-hidden"); document.body.appendChild(tempEl); window.setTimeout(function () { document.getElementById(id).innerHTML = textSpeak; }, 200); window.setTimeout(function () { document.body.removeChild(document.getElementById(id)); }, 1000); } var previousSelected = null; function ShowLoader(){ previousSelected = document.activeElement; $('#cover-spin').show(); narratorSpeak('Loading started'); $('#cover-spin').attr('aria-label', 'loading data').focus(); disableKeyPress(); } function HideLoader(){ $('#cover-spin').hide(); narratorSpeak('Loading complete'); $('#cover-spin').removeAttr('aria-label'); if(previousSelected != null && previousSelected != '' && typeof(previousSelected) != 'undefined'){ previousSelected.focus(); } previousSelected = ''; enableKeyPress(); } </script> <link rel="stylesheet" href="/profile/css_Profile.css"> <link rel="stylesheet" href="/profile/css_profilepic_edit_modal.css"> <style> .msd-trnasform-180{ transform: rotate(180deg); } </style> <script> // Portal Field Validation function ========================================= function addValidator(fieldName, fieldLabel, validatorName, validatorMessage, evaluationfunctionCallback) { if (typeof (Page_Validators) == 'undefined') return; var newValidator = document.createElement('span'); newValidator.style.display = "none"; newValidator.id = validatorName + fieldName; newValidator.controltovalidate = fieldName; newValidator.errormessage = `<a href='#${fieldName}_label'> ${fieldLabel} ${validatorMessage}</a>`; newValidator.validationGroup = ""; newValidator.initialvalue = ""; newValidator.evaluationfunction = function () { return evaluationfunctionCallback($("#" + fieldName).val()); }; // Add the new validator to the page validators array: Page_Validators.push(newValidator); // Wire-up the click event handler of the validation summary link $("a[href='#" + fieldName + "_label']").on("click", function () { scrollToAndFocus(fieldName + '_label', fieldName); }); } function removeValidator(fieldName, validatorName) { $.each(Page_Validators, function (index, validator) { if (validator.id == validatorName + fieldName) { Page_Validators.splice(index, 1); } }); } //============================================================================= // RTE Editor Asscessiblity Handler =========================================== function handleEditorToolbarAccessibility(editor){ var toolbar = editor.getModule('toolbar'); toolbar.controls.forEach(control => { var controlElement = control[1]; if (controlElement.tagName === 'BUTTON'){ controlElement.setAttribute('aria-label', control[0]); } else if(controlElement.tagName === 'SELECT'){ var labelContainer = '.ql-' + control[0]; var labelElement = $(controlElement).parent().find(labelContainer).find('.ql-picker-label'); labelElement && labelElement[0].setAttribute('aria-label', control[0]); } }); } //============================================================================== function submitform() { $('#InsertButton').click(); } function blockUI() { $.blockUI({ css: { border: 'none', backgroundColor: 'transparent', color: 'black' }, overlayCSS: { backgroundColor: '#aaa' }, message: "<span class='fa fa-lg fa-spinner fa-pulse' style='display:inline-block;font-weight: 900; -webkit-font-smoothing: antialiased;' aria-hidden='true'></span>" }); } // to check whitespace input function hasWhiteSpace(s) { return /\s/g.test(s); } </script>      <script> var userid=""; </script> <script> var partialurl= location.href.replace("https://","").replace(location.host,""); location.href="~/signin?returnUrl="+partialurl; </script> <script> window.location.href="/"; </script>     <script> window.location.href="/"; </script>   <div class="profile-page" role="main"> <div class="dyn-cmty-wrapper p-a-0 m-h-0"> <div class="dyn-ideas-content-wrapper"> <div class="container clearfix p-h-0 m-v-0"> <div class="">  <div class="dc-forum-body-copilot"> <div class="dc-breadcrumb1"><a class="dc-link1" href="/"> Dynamics 365 Community</a><span class="dc-breadcrumb-separator"> / </span><span tabindex="0" class="dc-current-page">My Profile</span></div> <div class="msd-container msd-mt-20" id="msd-cmty-container-copilot"> <div class="ms-Grid" dir="ltr"> <div class="ms-Grid-row"> <div class="ms-Grid-col ms-sm12">  <link rel="stylesheet" href="/css_cmty_Search_Copilot.css"/> </div> </div> </div> </div> </div>  <div class="profile-body"> <div class="left-rail"> <div class="profile-card"> <div class="profile-avatar"> <div class="profile-photo"> <div class="user-profile-img"> <img id="noProfilePictureUploaded" src="/img_profile_defaultpic.png" loading="lazy" alt="profilepic" class="userProfile-modal" /> <img id="userprofilePictureUploaded" src="" loading="lazy" alt="Profile pic" class="user-profile-pic-onmodal" hidden="true" aria-hidden="true" /> <div class="loading-image loading-image-user" id="saving-image"> <span class="fa fa-lg fa-spinner fa-spin"></span> </div> </div> <script> (function(webapi, $){ function safeAjax(ajaxOptions) { var deferredAjax = $.Deferred(); shell.getTokenDeferred().done(function (token) { // add headers for ajax if (!ajaxOptions.headers) { $.extend(ajaxOptions, { headers: { "__RequestVerificationToken": token } }); } else { ajaxOptions.headers["__RequestVerificationToken"] = token; } $.ajax(ajaxOptions) .done(function(data, textStatus, jqXHR) { validateLoginSession(data, textStatus, jqXHR, deferredAjax.resolve); }).fail(deferredAjax.reject); //ajax }).fail(function () { deferredAjax.rejectWith(this, arguments); // on token failure, pass the token ajax and args }); return deferredAjax.promise(); } webapi.safeAjax = safeAjax; })(window.webapi = window.webapi || {}, jQuery) </script> <input type="hidden" value="250000" id="profile_pic_maxsize"> <a href="#" aria-label="Update your profile image" role="button" class="dc-edit-img" data-target="#ModalToChangeUserProfilePicture" data-toggle="modal"> <img class="clickable" id="userprofilePicture_editicon" alt="Update pic" src="/img_edit_profile_photo.png"> </a> <div class="modal fade" id="ModalToChangeUserProfilePicture" hidden> <div class="modal-dialog modal-dialog-centered profilePicModal user-upload-profile-modal"> <div class="modal-content dc-user-profile-modal-content"> <div class="modal-body dc-user-modal-body"> <div class="profile-upload-modal-maincontent-container"> <div class="dc-modal-header-title"> <h3 class="upload-profile-modal-sub-title upload-profile-modal-title-font">Profile photo</h3> <a href="javascript:void(0);" tabindex="0" data-dismiss="modal" class="clickable close_profile_icon" aria-label="Close Profile"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.6569 17.6569L6.34319 6.34315" stroke="black" stroke-width="1.5" stroke-linecap="round"></path> <path d="M17.6568 6.34315L6.34311 17.6569" stroke="black" stroke-width="1.5" stroke-linecap="round"></path> </svg> </a> </div> <span class="upload-profile-modal-sub-title upload-profile-modal-sub-title-font">Help others recognize you.</span> <input type="hidden" value="" id="hiddenuserprofileElement"> <div class="image-container dc-user-img-container"> <img id="nouserprofilepic" src="/img_profile_defaultpic.png" alt="profilepic" class="user-profile-pic-onmodal" /> <img id="userprofilepic" src="" alt="profilepic" class="user-profile-pic-onmodal" hidden="true" aria-hidden="true" /> <div id="dc-user-profile-picture-size-error" class="profile-image-error" hidden> The image is too big. Please choose an image smaller than 250 KB. </div> </div> <div class="buttons-for-profile dc-buttons-for-profile"> <div class="upload-remove"> <div class="upload-image dc-upload-img-section"> <a href="javascript:void(0);" type="button" id="buttonforupload" class="btn input-image btn-withoutborder dc-add-photo" onclick="return inputUserProfileImage();"> <span><img src="./img_add_profile_img.png" alt="add image" /></span> <input type="file" id="userprofileinput" accept="image/*" onchange="return previewUserProfileImage();"> Add photo </a> </div> <div class="remove-image"> <button type="button" disabled="true" id="remove_userprofile_button" class="btn btn-withoutborder dc-remove-photo" data-dismiss="modal" data-target="#ModalToConfirmDeleteUserProfilePicture" data-toggle="modal"> <span><img src="./img_delete.png" alt="delete image" /></span>Delete </button> </div> </div> <div class="save-close dc-user-profile-modal-save_close"> <button id="save_userprofile_button" class="btn btn-primary action-button-forprofile" type="button" disabled="true" onclick="return saveProfileChange('/','');">Save</button> <button class="btn btn-default action-button-forprofile dc-user-profile-close-modal" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> </div> <script type="text/javascript" src="./js_userprofile_edit_modal.js"></script> </div> </div> <div class="modal fade" id="ModalToConfirmDeleteUserProfilePicture" hidden> <div class="modal-dialog profilePicModal user-upload-profile-modal"> <div class="modal-content dc-user-profile-modal-content"> <div class="modal-body dc-user-modal-body"> <div class="profile-delete-confirm-modal-maincontent-container"> <div class="dc-modal-header-title"> <h3 class="upload-profile-modal-sub-title upload-profile-modal-title-font">Delete profile photo</h3> <span data-dismiss="modal" class="clickable close_profile_icon" > <svg tabindex="0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.6569 17.6569L6.34319 6.34315" stroke="black" stroke-width="1.5" stroke-linecap="round"></path> <path d="M17.6568 6.34315L6.34311 17.6569" stroke="black" stroke-width="1.5" stroke-linecap="round"></path> </svg> </span> </div> <span class="dc-delete-pic-warning">Are you sure? Having a profile photo helps others recognize you.</span> <div class="save-close dc-user-profile-modal-save_close"> <button class="btn btn-default action-button-forprofile dc-user-profile-close-modal" data-dismiss="modal">Cancel</button> <button id="save_userprofile_btn" class="btn btn-primary action-button-forprofile" data-dismiss="modal" type="button" onclick="return removeProfileAndSave(this,'/', '');"> Delete </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="self-view"> <div class="self-view-about"> <div class="self-view-about-name"> <h1 class="user-name-text">      Liquid error: Value cannot be null. Parameter name: key <span class="dc-blog-author">Community member</span>  </h1> </div> </div> </div> <div class="dc-user-stats-container"> <div class="dc-badges-header"><h2 class="dc-badges-header-text">Stats</h2></div> <div class="dc-user-stats-data-container"> <div class="dc-stats-data-container"> <span class="dc-stats-count">0</span> <span>Comments</span> </div> <div class="dc-stats-data-container"> <span class="dc-stats-count">0</span> <span>Posts</span> </div> <div class="dc-stats-data-container"> <span class="dc-stats-count">0</span> <span>Likes</span> </div> <div class="dc-stats-data-container"> <span class="dc-stats-count">0</span> <span>Questions</span> </div> </div> <div class="dc-helpful-resource-pane msd-mt-24"> <div class="content-section-divider"></div> <div class="dc-resource-subtitle"> <a class="msd-hwt-learn" href="/Myactivity/#Myquestions">My activity</a> </div> </div> </div> <div class="dc-user-badges-container" > <div class="dc-badges-header"><h2 class="dc-badges-header-text">Achievements</h2></div> <div class="dc-user-badges" > </div> </div> </div> </div> <div class="content-well"> <div class="content-well-tabs"> <ul class="content-well-tablist" role="tablist">  <li class="content-well-tabitem" id="personal-info-tab" role="presentation"><a href="#personal-info-content" role="tab" data-toggle="tab" aria-selected="true" aria-controls="personal-info-content" aria-expanded="true" class="content-well-tab-item"><p>Personal information</p></a></li> <li class="content-well-tabitem" id="achievements-tab" role="presentation"><a href="#achievements-content" role="tab" data-toggle="tab" aria-selected="false" aria-controls="achievements-content" aria-expanded="false" class="content-well-tab-item"><p>Achievements</p></a></li> <li class="content-well-tabitem" id="notifications-tab" role="presentation"><a href="#notifications-content" role="tab" data-toggle="tab" aria-selected="false" aria-controls="notifications-content" aria-expanded="false" class="content-well-tab-item"><p>Notifications</p></a></li> <li class="content-well-tabitem" id="notifyme-settings-tab" role="presentation"><a href="#notifyme-settings-content" role="tab" data-toggle="tab" aria-selected="false" aria-controls="notifyme-settings-content" aria-expanded="false" class="content-well-tab-item"><p>Notification settings</p></a></li> <li class="content-well-tabitem" id="macros-tab" role="presentation"><a href="#macros-content" role="tab" data-toggle="tab" aria-selected="false" aria-controls="macros-content" aria-expanded="false" class="content-well-tab-item"><p>Quick responses</p></a></li> </ul>  <div class="content-well-tab-content" id="personal-info-content"> <div class="content-section"> <div class="content-section-header profile-info-edit-wrap"> <h3>Personal information</h3> <button type="button" id="profile-edit-info-btn" class="btn btn-link" aria-label="Edit" title="Edit"><img id="img-edit" src="/img_edit_shape.png" loading="lazy" alt="" role="presentation"/></button> </div> <div class="content-section-divider"></div> <div class="content-section-description"> <div class="form-edit" id="form-edit"> <div id="EntityFormControl_a88d2ffe96cced11b596000d3a533e66"> <div id="MessagePanel" class="message alert error alert alert-danger error alert alert-danger error alert alert-danger error alert alert-danger"> <input type="submit" name="ctl00$ContentContainer$EntityFormControl_a88d2ffe96cced11b596000d3a533e66$btnCloseMessage" value="x" id="btnCloseMessage" class="close" data-dismiss="alert" aria-label="close" type="button" style="border-style: none" /><span id="MessageLabel">The record you are looking for couldn't be found.</span> </div> </div> <script> $('#description').attr('rows', '10'); const firstnameLimit = lastnameLimit = profilenameLimit = 50; const aboutmeLimit = 2000; function firstnameLengthValidator(fieldvalue) { let firstname = fieldvalue; return (firstname.length < firstnameLimit); } function lastnameLengthValidator(fieldvalue) { let lastname = fieldvalue; return (lastname.length < lastnameLimit); } function profilenameLengthValidator(fieldvalue) { let profilename = fieldvalue; return (profilename.length < profilenameLimit); } function aboutmeLengthValidator(fieldvalue) { let aboutme = fieldvalue; return (aboutme.length < aboutmeLimit); } //Making Changes for 3750310 function aboutMeHtmlValidator(fieldvalue) { const htmlRegex = /<\/?[\w\s="/.':;#-\/\?]+>/gi; if (!htmlRegex.test(fieldvalue)) { return true; } return false; } function firstnameHtmlValidator(fieldvalue) { const htmlRegex = /<\/?[\w\s="/.':;#-\/\?]+>/gi; if (!htmlRegex.test(fieldvalue)) return true; return false; } //changing for escaping emojis function emojiCleaner(fieldvalue) { const emojiRegex = /[^\p{L}\p{N}\s.@~`!@#$%^&*()\-_+={}[\]:|\\;"'<,>.?/]/gu; if (!emojiRegex.test(fieldvalue)) { return true; } return false; } function uniqueProfileValidator(fieldvalue) { let profilename = fieldvalue; var isvalid = true; var _url= "/_api/contacts?$select=mspwrplt_cmty_profilename&$filter=(contactid ne and mspwrplt_cmty_profilename eq '"+profilename+"' and statecode eq 0)&$top=1" webapi.safeAjax({ type: "GET", url: _url, async:false, contentType: "application/json", success: function (res) { if(res.value.length>0) { isvalid = false; return isvalid; } else { isvalid = true; return isvalid; } } }); return isvalid; } $(document).ready(function () { addValidator('firstname','Firstname', 'MaximumLengthValidator', ' length exceeded 50 characters.', firstnameLengthValidator); addValidator('firstname','Firstname', 'firstnameHtmlValidator', 'Html Tags Not Allowed', firstnameHtmlValidator); addValidator('lastname','Lastname', 'MaximumLengthValidator', ' length exceeded 50 characters.', lastnameLengthValidator); addValidator('lastname','Lastname', 'lastnameHtmlValidator', 'Html Tags Not Allowed', firstnameHtmlValidator); addValidator('mspwrplt_cmty_profilename','Profile Name', 'MaximumLengthValidator', ' length exceeded 50 characters.', profilenameLengthValidator); addValidator('mspwrplt_cmty_profilename','Profile Name', 'UniqueNameValidator', ' already exist.', uniqueProfileValidator); addValidator('mspwrplt_cmty_profilename','Profile Name', 'ProfileNameEmojiValidator', ' Emojis are not allowed.', emojiCleaner); addValidator('mspwrplt_cmty_aboutme','About Me', 'MaximumLengthValidator', ' length exceeded 2000 characters.', aboutmeLengthValidator); addValidator('mspwrplt_cmty_aboutme','About Me', 'mspwrplt_cmty_aboutmeHtmlValidator', 'Html Tags Not Allowed. Please enter plain text only', aboutMeHtmlValidator); $('<div class="clearfix cell text form-control-cell"><div class=""><label for="mspwrplt_cmty_aboutme" id="mspwrplt_cmty_aboutme_label" class="field-label">About Me</label><div class="validators" style="line-height: 0"><span id="MaximumLengthValidatormspwrplt_cmty_aboutme" style="visibility:hidden;">*</span></div></div><div class="control"><textarea name="mspwrplt_cmty_aboutme" rows="10" cols="20" maxlength="2000" id="mspwrplt_cmty_aboutme" class="textarea form-control " aria-label="About Me" ></textarea></div></div>').insertBefore("fieldset[aria-label='Social']"); $('#UpdateButton').val('Save').addClass("hide"); $('<input type="button" value="Cancel" id="CancelButton" title="Cancel" class="cancel-btn">').insertAfter("#UpdateButton"); $( "#CancelButton" ).parent().prepend('<input type="button" name="UpdateNewButton" value="Save" id="UpdateNewButton" class="submit-btn btn btn-primary form-action-container-left">'); var _aboutme=$("#mspwrplt_cmty_aboutme").val(``); _aboutme = DOMPurify.sanitize(_aboutme); $('#UpdateNewButton').click(function(){ $('#UpdateNewButton').val("Processing...").addClass("btnNewUpdatePadding"); webapi.safeAjax({ type: "PATCH", url: "/_api/mspwrplt_cmty_profiles()", contentType: "application/json", async: false, data: JSON.stringify({ "mspwrplt_cmty_aboutme": DOMPurify.sanitize($("#mspwrplt_cmty_aboutme").val()) }), success: function (res, status, xhr) { }, error: function(xhr, status, error) { HideLoader(); console.error("Error: " + xhr.responseJSON.error.code + " - " + xhr.responseJSON.error.message); }, complete: function() { $('#UpdateButton').click(); } }); $('#UpdateNewButton').val('Save').removeClass("btnNewUpdatePadding"); }); $('#CancelButton').click(function() { $('#form-edit').toggleClass('show'); $('#description-details').toggleClass('hide'); }); }); </script> </div> <div class="content-section-description-details" id="description-details"> <div class="content-section-description-section"> <p>Email</p> <span></span> </div> <div class="content-section-description-section"> <p>Profile name</p> <span></span> </div> <div class="content-section-description-section"> <p>About me</p> <span></span> </div> <div class="content-section-description-social"> <p>Social</p> <div class="content-section-description-social-list"> <div class="content-section-description-section"> <p>LinkedIn</p> </div> <div class="content-section-description-section"> <p>Twitter</p> </div> <div class="content-section-description-section"> <p>Facebook</p> </div> </div> </div> </div> </div> </div> </div>   <div class="content-well-tab-content" id="achievements-content">  <h2 class="content-section-main-header">Achievements</h2> <div class="content-section"> <div class="content-section-description-post-card" id="content-section-achievements"> <div class="points-info"> <div class="msd-flex msd-justify-content-between"> <div class="left-info msd-flex msd-flex-direction-column"> <span class="led-star-profile" tabindex="0" rel="overallPoints" role="button">0<img src="/img_led_star.svg" role="presentation"></span> <span>Reputation points</span> </div> <div class="right-info msd-flex msd-flex-direction-column msd-align-items-end msd-justify-content-center"> <a href="/help/understanding_community_points" title="How to earn points" role="link" class="msd-hwt-learn">How to earn points</a>  </div> </div> </div> <div class="own-roles-list expanded" id="own-roles-list"> <div class="msd-flex msd-justify-content-end msd-align-items-center know-more-badge-link"><a class="msd-hwt-learn" href="/help/understanding_badges/" title="Know more about badges">Know more about badges</a></div> <section> <h3 class="content-section-header msd-mt-24"><p>Questions asked </p></h3>  <div class="content-section-divider"></div> <div class="progress-bar-wrap">  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1</p> <img class="msd-kudo-image" src="/img_QuestionsAsked.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1 question asked <span> 1 more to go </span> </div>  <p class="badge-tooltiptext">1 question asked<br><span> 1 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">5</p> <img class="msd-kudo-image" src="/img_QuestionsAsked.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 5 questions asked <span> 5 more to go </span> </div>  <p class="badge-tooltiptext">5 questions asked<br><span> 5 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">10</p> <img class="msd-kudo-image" src="/img_QuestionsAsked.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 10 questions asked <span> 10 more to go </span> </div>  <p class="badge-tooltiptext">10 questions asked<br><span> 10 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">25</p> <img class="msd-kudo-image" src="/img_QuestionsAsked.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 25 questions asked <span> 25 more to go </span> </div>  <p class="badge-tooltiptext">25 questions asked<br><span> 25 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">50</p> <img class="msd-kudo-image" src="/img_QuestionsAsked.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 50 questions asked <span> 50 more to go </span> </div>  <p class="badge-tooltiptext">50 questions asked<br><span> 50 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">100</p> <img class="msd-kudo-image" src="/img_QuestionsAsked.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 100 questions asked <span> 100 more to go </span> </div>  <p class="badge-tooltiptext">100 questions asked<br><span> 100 more to go </span></p>  </div> </div> </section> <section> <h3 class="content-section-header msd-mt-24"><p>Answers suggested </p></h3>  <div class="content-section-divider"></div> <div class="progress-bar-wrap">  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1 answer suggested <span> 1 more to go </span> </div>  <p class="badge-tooltiptext">1 answer suggested<br><span> 1 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">5</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 5 answers suggested <span> 5 more to go </span> </div>  <p class="badge-tooltiptext">5 answers suggested<br><span> 5 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">10</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 10 answers suggested <span> 10 more to go </span> </div>  <p class="badge-tooltiptext">10 answers suggested<br><span> 10 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">25</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 25 answers suggested <span> 25 more to go </span> </div>  <p class="badge-tooltiptext">25 answers suggested<br><span> 25 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">50</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 50 answers suggested <span> 50 more to go </span> </div>  <p class="badge-tooltiptext">50 answers suggested<br><span> 50 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">100</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 100 answers suggested <span> 100 more to go </span> </div>  <p class="badge-tooltiptext">100 answers suggested<br><span> 100 more to go </span></p>  </div> </div> </section> <section> <h3 class="content-section-header msd-mt-24"><p>Replies </p></h3>  <div class="content-section-divider"></div> <div class="progress-bar-wrap">  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1</p> <img class="msd-kudo-image" src="/img_kudo_reply.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1 reply <span> 1 more to go </span> </div>  <p class="badge-tooltiptext">1 reply<br><span> 1 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">5</p> <img class="msd-kudo-image" src="/img_kudo_reply.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 5 replies <span> 5 more to go </span> </div>  <p class="badge-tooltiptext">5 replies<br><span> 5 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">10</p> <img class="msd-kudo-image" src="/img_kudo_reply.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 10 replies <span> 10 more to go </span> </div>  <p class="badge-tooltiptext">10 replies<br><span> 10 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">25</p> <img class="msd-kudo-image" src="/img_kudo_reply.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 25 replies <span> 25 more to go </span> </div>  <p class="badge-tooltiptext">25 replies<br><span> 25 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">50</p> <img class="msd-kudo-image" src="/img_kudo_reply.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 50 replies <span> 50 more to go </span> </div>  <p class="badge-tooltiptext">50 replies<br><span> 50 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">100</p> <img class="msd-kudo-image" src="/img_kudo_reply.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 100 replies <span> 100 more to go </span> </div>  <p class="badge-tooltiptext">100 replies<br><span> 100 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">500</p> <img class="msd-kudo-image" src="/img_kudo_reply.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 500 replies <span> 500 more to go </span> </div>  <p class="badge-tooltiptext">500 replies<br><span> 500 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1K</p> <img class="msd-kudo-image" src="/img_kudo_reply.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1K replies <span> 1K more to go </span> </div>  <p class="badge-tooltiptext">1K replies<br><span> 1K more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1.5K</p> <img class="msd-kudo-image" src="/img_kudo_reply.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1.5K replies <span> 1.5K more to go </span> </div>  <p class="badge-tooltiptext">1.5K replies<br><span> 1.5K more to go </span></p>  </div> </div> </section> <section> <h3 class="content-section-header msd-mt-24"><p>Likes received </p></h3>  <div class="content-section-divider"></div> <div class="progress-bar-wrap">  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1</p> <img class="msd-kudo-image" src="/img_kudo_received.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1 like received <span> 1 more to go </span> </div>  <p class="badge-tooltiptext">1 like received<br><span> 1 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">5</p> <img class="msd-kudo-image" src="/img_kudo_received.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 5 likes received <span> 5 more to go </span> </div>  <p class="badge-tooltiptext">5 likes received<br><span> 5 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">10</p> <img class="msd-kudo-image" src="/img_kudo_received.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 10 likes received <span> 10 more to go </span> </div>  <p class="badge-tooltiptext">10 likes received<br><span> 10 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">25</p> <img class="msd-kudo-image" src="/img_kudo_received.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 25 likes received <span> 25 more to go </span> </div>  <p class="badge-tooltiptext">25 likes received<br><span> 25 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">50</p> <img class="msd-kudo-image" src="/img_kudo_received.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 50 likes received <span> 50 more to go </span> </div>  <p class="badge-tooltiptext">50 likes received<br><span> 50 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">100</p> <img class="msd-kudo-image" src="/img_kudo_received.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 100 likes received <span> 100 more to go </span> </div>  <p class="badge-tooltiptext">100 likes received<br><span> 100 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">500</p> <img class="msd-kudo-image" src="/img_kudo_received.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 500 likes received <span> 500 more to go </span> </div>  <p class="badge-tooltiptext">500 likes received<br><span> 500 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1K</p> <img class="msd-kudo-image" src="/img_kudo_received.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1K likes received <span> 1K more to go </span> </div>  <p class="badge-tooltiptext">1K likes received<br><span> 1K more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1.5K</p> <img class="msd-kudo-image" src="/img_kudo_received.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1.5K likes received <span> 1.5K more to go </span> </div>  <p class="badge-tooltiptext">1.5K likes received<br><span> 1.5K more to go </span></p>  </div> </div> </section> <section> <h3 class="content-section-header msd-mt-24"><p>Likes given </p></h3>  <div class="content-section-divider"></div> <div class="progress-bar-wrap">  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1</p> <img class="msd-kudo-image" src="/img_like_white.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1 like given <span> 1 more to go </span> </div>  <p class="badge-tooltiptext">1 like given<br><span> 1 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">5</p> <img class="msd-kudo-image" src="/img_like_white.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 5 likes given <span> 5 more to go </span> </div>  <p class="badge-tooltiptext">5 likes given<br><span> 5 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">10</p> <img class="msd-kudo-image" src="/img_like_white.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 10 likes given <span> 10 more to go </span> </div>  <p class="badge-tooltiptext">10 likes given<br><span> 10 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">25</p> <img class="msd-kudo-image" src="/img_like_white.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 25 likes given <span> 25 more to go </span> </div>  <p class="badge-tooltiptext">25 likes given<br><span> 25 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">50</p> <img class="msd-kudo-image" src="/img_like_white.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 50 likes given <span> 50 more to go </span> </div>  <p class="badge-tooltiptext">50 likes given<br><span> 50 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">100</p> <img class="msd-kudo-image" src="/img_like_white.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 100 likes given <span> 100 more to go </span> </div>  <p class="badge-tooltiptext">100 likes given<br><span> 100 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">500</p> <img class="msd-kudo-image" src="/img_like_white.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 500 likes given <span> 500 more to go </span> </div>  <p class="badge-tooltiptext">500 likes given<br><span> 500 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1K</p> <img class="msd-kudo-image" src="/img_like_white.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1K likes given <span> 1K more to go </span> </div>  <p class="badge-tooltiptext">1K likes given<br><span> 1K more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1.5K</p> <img class="msd-kudo-image" src="/img_like_white.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1.5K likes given <span> 1.5K more to go </span> </div>  <p class="badge-tooltiptext">1.5K likes given<br><span> 1.5K more to go </span></p>  </div> </div> </section> <section> <h3 class="content-section-header msd-mt-24"><p>Answer was verified </p></h3>  <div class="content-section-divider"></div> <div class="progress-bar-wrap">  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1</p> <img class="msd-kudo-image" src="/img_kudo_verified_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1 answer was verified <span> 1 more to go </span> </div>  <p class="badge-tooltiptext">1 answer was verified<br><span> 1 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">5</p> <img class="msd-kudo-image" src="/img_kudo_verified_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 5 answers were verified <span> 5 more to go </span> </div>  <p class="badge-tooltiptext">5 answers were verified<br><span> 5 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">10</p> <img class="msd-kudo-image" src="/img_kudo_verified_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 10 answers were verified <span> 10 more to go </span> </div>  <p class="badge-tooltiptext">10 answers were verified<br><span> 10 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">25</p> <img class="msd-kudo-image" src="/img_kudo_verified_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 25 answers were verified <span> 25 more to go </span> </div>  <p class="badge-tooltiptext">25 answers were verified<br><span> 25 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">50</p> <img class="msd-kudo-image" src="/img_kudo_verified_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 50 answers were verified <span> 50 more to go </span> </div>  <p class="badge-tooltiptext">50 answers were verified<br><span> 50 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">100</p> <img class="msd-kudo-image" src="/img_kudo_verified_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 100 answers were verified <span> 100 more to go </span> </div>  <p class="badge-tooltiptext">100 answers were verified<br><span> 100 more to go </span></p>  </div> </div> </section> <section> <h3 class="content-section-header msd-mt-24"><p>Verified an answer </p></h3>  <div class="content-section-divider"></div> <div class="progress-bar-wrap">  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1</p> <img class="msd-kudo-image" src="/img_FlaggedSpam.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> Verified 1 answer <span> 1 more to go </span> </div>  <p class="badge-tooltiptext">Verified 1 answer<br><span> 1 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">5</p> <img class="msd-kudo-image" src="/img_FlaggedSpam.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> Verified 5 answers <span> 5 more to go </span> </div>  <p class="badge-tooltiptext">Verified 5 answers<br><span> 5 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">10</p> <img class="msd-kudo-image" src="/img_FlaggedSpam.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> Verified 10 answers <span> 10 more to go </span> </div>  <p class="badge-tooltiptext">Verified 10 answers<br><span> 10 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">25</p> <img class="msd-kudo-image" src="/img_FlaggedSpam.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> Verified 25 answers <span> 25 more to go </span> </div>  <p class="badge-tooltiptext">Verified 25 answers<br><span> 25 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">50</p> <img class="msd-kudo-image" src="/img_FlaggedSpam.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> Verified 50 answers <span> 50 more to go </span> </div>  <p class="badge-tooltiptext">Verified 50 answers<br><span> 50 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">100</p> <img class="msd-kudo-image" src="/img_FlaggedSpam.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> Verified 100 answers <span> 100 more to go </span> </div>  <p class="badge-tooltiptext">Verified 100 answers<br><span> 100 more to go </span></p>  </div> </div> </section> <section> <h3 class="content-section-header msd-mt-24"><p>Flagged spam </p></h3>  <div class="content-section-divider"></div> <div class="progress-bar-wrap">  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">1</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 1 spam post flagged <span> 1 more to go </span> </div>  <p class="badge-tooltiptext">1 spam post flagged<br><span> 1 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">5</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 5 spam posts flagged <span> 5 more to go </span> </div>  <p class="badge-tooltiptext">5 spam posts flagged<br><span> 5 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">10</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 10 spam posts flagged <span> 10 more to go </span> </div>  <p class="badge-tooltiptext">10 spam posts flagged<br><span> 10 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">25</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 25 spam posts flagged <span> 25 more to go </span> </div>  <p class="badge-tooltiptext">25 spam posts flagged<br><span> 25 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">50</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 50 spam posts flagged <span> 50 more to go </span> </div>  <p class="badge-tooltiptext">50 spam posts flagged<br><span> 50 more to go </span></p>  </div>  <div class="msd-pb-24 msd-flex msd-flex-direction-column msd-align-items-center badge-tooltip" tabindex="0"> <div class="circular-progress" data-inner-circle-color="#CECECE" data-percentage="0" data-progress-color="#fff" data-bg-color="#fff"> <div class="inner-circle full-color-grey"></div> <p class="percentage" percentage-text-color="#fff">100</p> <img class="msd-kudo-image" src="/img_kudo_suggested_ans.svg" alt="" role="presentation"> </div> <div class="msd-progress-info"> 100 spam posts flagged <span> 100 more to go </span> </div>  <p class="badge-tooltiptext">100 spam posts flagged<br><span> 100 more to go </span></p>  </div> </div> </section> </div> <div class="special-badges-list">   </div> <div class="content-section-divider full-length"></div> <a id="own-roles" class="own-roles-expand" role="button" href="javascript:void(0);" onClick='expand(this.id)' aria-controls="own-roles-list" tabindex="0" aria-expanded="true"><p>View less</p><img class="msd-trnasform-180" src="/profile/img_Expand_Arrow.png" loading="lazy" alt="View less" /></a> </div> </div>   <script> function FormatDateTime() { $('[data-utc-date]').each(function (index) { let dateToConvert = $(this).attr("data-utc-date"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("DD MMM YYYY")); }); $('[data-utc-time]').each(function (index) { let dateToConvert = $(this).attr("data-utc-time"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("HH:mm:ss")); }); $('[data-utc-date-time]').each(function (index) { let dateToConvert = $(this).attr("data-utc-date-time"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("D MMM YYYY HH:mm:ss")); }); $('[data-utc-time-only]').each(function (index) { let dateToConvert = $(this).attr("data-utc-time-only"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("hh:mm A")); }); $('[data-normal-date]').each(function (index) { let dateToConvert = $(this).attr("data-normal-date"); $(this).html(''); $(this).html(moment(dateToConvert).local().format("DD MMM YYYY")); }); $('[data-normal-time-only]').each(function (index) { let dateToConvert = $(this).attr("data-normal-time-only"); $(this).html(''); $(this).html(moment(dateToConvert).local().format("hh:mm A")); }); $('[data-normal-date-no-local]').each(function (index) { let dateToConvert = $(this).attr("data-normal-date-no-local"); $(this).html(''); $(this).html(moment.utc(dateToConvert).format("DD MMM YYYY")); }); $('[data-normal-time-only-no-local]').each(function (index) { let dateToConvert = $(this).attr("data-normal-time-only-no-local"); $(this).html(''); $(this).html(moment.utc(dateToConvert).format("hh:mm A")); }); $('[local-date-time-only]').each(function (index) { var dateToConvert = new Date($(this).attr("local-date-time-only")); var tzOffSet = dateToConvert.getTimezoneOffset(); var offsetDateTime = new Date(dateToConvert.getTime() - tzOffSet * 60 * 1000); $(this).html(moment(offsetDateTime).local().format("hh:mm A")); }); $('[local-date-time]').each(function (index) { var dateToConvert = new Date($(this).attr("local-date-time")); var tzOffSet = dateToConvert.getTimezoneOffset(); var offsetDateTime = new Date(dateToConvert.getTime() - tzOffSet * 60 * 1000); $(this).html(moment(offsetDateTime).local().format("MM/DD/YYYY")); }); $('[data-time-utc-convert]').each(function (index) { let dateToConvert = $(this).attr("data-time-utc-convert"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("D MMM HH:mm")); }); } </script> </div>   <div class="content-well-tab-content" id="notifyme-settings-content"> <div class="content-section"> <h3 class="content-section-header"> <p>General settings</p> </h3> <div class="content-section-divider"></div> <div class="content-section-description description-row"> <div class="content-section-description-header"> <p class="content-section-description-header-label">In-app notifications</p> <p class="content-section-description-header-description"></p> </div> <div class="content-section-description-options"> <div class="content-section-description-options-statuses"> </div> </div> </div> <div class="content-section-divider notification-section-divider"></div> <div class="content-section-description description-row"> <div class="content-section-description-header"> <p class="content-section-description-header-label">Email notifications</p> <p class="content-section-description-header-description"></p> </div> <div class="content-section-description-options"> <div class="content-section-description-options-statuses"> </div> </div> </div> <div class="content-section-divider"></div> <button class="dc-button" id="saveNotificationSetting_Btn"><span>Save</span></button> <p class="save-ps">*Changes may take up to 24 hours</p> </div> </div>   <div class="content-well-tab-content" id="forums-own-content"> <div class="content-section"> <h3 class="content-section-header"><p>Forums</p></h3> <div class="content-section-divider"></div> <div class="content-section-description-post-card" id="content-section-forums"> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div> <p class="no-record">No record found.</p> </div> <div class="profile_thread_pagination"> </div> </div> </div>   <div class="content-well-tab-content" id="notifications-content"> <div class="content-section"> <h3 class="content-section-header"> <p>Notifications</p> </h3> <div class="content-section-divider"></div> <div class="content-section-description-post-card">  <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div> <p class="no-record">You have no unread notifications.</p> </div> </div> </div>   <div class="content-well-tab-content" id="macros-content"> <div class="content-section" style="overflow-x: hidden;"> <div class="content-section-header macros-info-edit-wrap"> <h3>Quick responses</h3> <button type="button" id="macros-edit-info-btn" class="btn btn-link" aria-label="Edit" title="Edit"><img id="img-edit" src="/img_edit_shape.png" loading="lazy" alt="" role="presentation"/></button> </div> <div class="content-section-divider"> </div> <div class="content-section-description"> <div class="form-edit macro-desc" id="userpreference-form-edit"> <form> <div class="userPreferencessec"> <p class="macro-title">Title<span class="tooltip-icon" data-tooltip="Enter name of this template (only seen by author)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-title"><input type="text" name="mspwrplt_name1" value="" title="Please enter title" class="form-control macrotitle" id="mspwrplt_name1" dc-record="" dc-userid="" dc-siteid="44c1922b-d231-4183-bae6-be148059122f"/></div> </div> <p class="macro-title">Description<span class="tooltip-icon" data-tooltip="Enter text message that should display (HTML tags are allowed)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-desc"><textarea id="description1" title="Please enter description" rows="5" maxlength="10000" name="description[i]" aria-labelledby="" class="form-control macrodes" ></textarea></div> </div> <div role="alert" class="txtentered-alert1" style="display: block;text-align: right;"><span class="userpreferences-input-invalid-text" style=" color: black;"></span></div> <div role="alert" class="error-alert1" style="display: block;"><span class="userpreferences-input-invalid-text"></span></div> <hr/> </div> <div class="userPreferencessec"> <p class="macro-title">Title<span class="tooltip-icon" data-tooltip="Enter name of this template (only seen by author)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-title"><input type="text" name="mspwrplt_name2" value="" title="Please enter title" class="form-control macrotitle" id="mspwrplt_name2" dc-record="" dc-userid="" dc-siteid="44c1922b-d231-4183-bae6-be148059122f"/></div> </div> <p class="macro-title">Description<span class="tooltip-icon" data-tooltip="Enter text message that should display (HTML tags are allowed)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-desc"><textarea id="description2" title="Please enter description" rows="5" maxlength="10000" name="description[i]" aria-labelledby="" class="form-control macrodes" ></textarea></div> </div> <div role="alert" class="txtentered-alert2" style="display: block;text-align: right;"><span class="userpreferences-input-invalid-text" style=" color: black;"></span></div> <div role="alert" class="error-alert2" style="display: block;"><span class="userpreferences-input-invalid-text"></span></div> <hr/> </div> <div class="userPreferencessec"> <p class="macro-title">Title<span class="tooltip-icon" data-tooltip="Enter name of this template (only seen by author)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-title"><input type="text" name="mspwrplt_name3" value="" title="Please enter title" class="form-control macrotitle" id="mspwrplt_name3" dc-record="" dc-userid="" dc-siteid="44c1922b-d231-4183-bae6-be148059122f"/></div> </div> <p class="macro-title">Description<span class="tooltip-icon" data-tooltip="Enter text message that should display (HTML tags are allowed)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-desc"><textarea id="description3" title="Please enter description" rows="5" maxlength="10000" name="description[i]" aria-labelledby="" class="form-control macrodes" ></textarea></div> </div> <div role="alert" class="txtentered-alert3" style="display: block;text-align: right;"><span class="userpreferences-input-invalid-text" style=" color: black;"></span></div> <div role="alert" class="error-alert3" style="display: block;"><span class="userpreferences-input-invalid-text"></span></div> <hr/> </div> <div class="userPreferencessec"> <p class="macro-title">Title<span class="tooltip-icon" data-tooltip="Enter name of this template (only seen by author)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-title"><input type="text" name="mspwrplt_name4" value="" title="Please enter title" class="form-control macrotitle" id="mspwrplt_name4" dc-record="" dc-userid="" dc-siteid="44c1922b-d231-4183-bae6-be148059122f"/></div> </div> <p class="macro-title">Description<span class="tooltip-icon" data-tooltip="Enter text message that should display (HTML tags are allowed)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-desc"><textarea id="description4" title="Please enter description" rows="5" maxlength="10000" name="description[i]" aria-labelledby="" class="form-control macrodes" ></textarea></div> </div> <div role="alert" class="txtentered-alert4" style="display: block;text-align: right;"><span class="userpreferences-input-invalid-text" style=" color: black;"></span></div> <div role="alert" class="error-alert4" style="display: block;"><span class="userpreferences-input-invalid-text"></span></div> <hr/> </div> <div class="userPreferencessec"> <p class="macro-title">Title<span class="tooltip-icon" data-tooltip="Enter name of this template (only seen by author)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-title"><input type="text" name="mspwrplt_name5" value="" title="Please enter title" class="form-control macrotitle" id="mspwrplt_name5" dc-record="" dc-userid="" dc-siteid="44c1922b-d231-4183-bae6-be148059122f"/></div> </div> <p class="macro-title">Description<span class="tooltip-icon" data-tooltip="Enter text message that should display (HTML tags are allowed)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-desc"><textarea id="description5" title="Please enter description" rows="5" maxlength="10000" name="description[i]" aria-labelledby="" class="form-control macrodes" ></textarea></div> </div> <div role="alert" class="txtentered-alert5" style="display: block;text-align: right;"><span class="userpreferences-input-invalid-text" style=" color: black;"></span></div> <div role="alert" class="error-alert5" style="display: block;"><span class="userpreferences-input-invalid-text"></span></div> <hr/> </div> <div class="userPreferencessec"> <p class="macro-title">Title<span class="tooltip-icon" data-tooltip="Enter name of this template (only seen by author)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-title"><input type="text" name="mspwrplt_name6" value="" title="Please enter title" class="form-control macrotitle" id="mspwrplt_name6" dc-record="" dc-userid="" dc-siteid="44c1922b-d231-4183-bae6-be148059122f"/></div> </div> <p class="macro-title">Description<span class="tooltip-icon" data-tooltip="Enter text message that should display (HTML tags are allowed)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-desc"><textarea id="description6" title="Please enter description" rows="5" maxlength="10000" name="description[i]" aria-labelledby="" class="form-control macrodes" ></textarea></div> </div> <div role="alert" class="txtentered-alert6" style="display: block;text-align: right;"><span class="userpreferences-input-invalid-text" style=" color: black;"></span></div> <div role="alert" class="error-alert6" style="display: block;"><span class="userpreferences-input-invalid-text"></span></div> <hr/> </div> <div class="userPreferencessec"> <p class="macro-title">Title<span class="tooltip-icon" data-tooltip="Enter name of this template (only seen by author)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-title"><input type="text" name="mspwrplt_name7" value="" title="Please enter title" class="form-control macrotitle" id="mspwrplt_name7" dc-record="" dc-userid="" dc-siteid="44c1922b-d231-4183-bae6-be148059122f"/></div> </div> <p class="macro-title">Description<span class="tooltip-icon" data-tooltip="Enter text message that should display (HTML tags are allowed)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-desc"><textarea id="description7" title="Please enter description" rows="5" maxlength="10000" name="description[i]" aria-labelledby="" class="form-control macrodes" ></textarea></div> </div> <div role="alert" class="txtentered-alert7" style="display: block;text-align: right;"><span class="userpreferences-input-invalid-text" style=" color: black;"></span></div> <div role="alert" class="error-alert7" style="display: block;"><span class="userpreferences-input-invalid-text"></span></div> <hr/> </div> <div class="userPreferencessec"> <p class="macro-title">Title<span class="tooltip-icon" data-tooltip="Enter name of this template (only seen by author)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-title"><input type="text" name="mspwrplt_name8" value="" title="Please enter title" class="form-control macrotitle" id="mspwrplt_name8" dc-record="" dc-userid="" dc-siteid="44c1922b-d231-4183-bae6-be148059122f"/></div> </div> <p class="macro-title">Description<span class="tooltip-icon" data-tooltip="Enter text message that should display (HTML tags are allowed)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-desc"><textarea id="description8" title="Please enter description" rows="5" maxlength="10000" name="description[i]" aria-labelledby="" class="form-control macrodes" ></textarea></div> </div> <div role="alert" class="txtentered-alert8" style="display: block;text-align: right;"><span class="userpreferences-input-invalid-text" style=" color: black;"></span></div> <div role="alert" class="error-alert8" style="display: block;"><span class="userpreferences-input-invalid-text"></span></div> <hr/> </div> <div class="userPreferencessec"> <p class="macro-title">Title<span class="tooltip-icon" data-tooltip="Enter name of this template (only seen by author)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-title"><input type="text" name="mspwrplt_name9" value="" title="Please enter title" class="form-control macrotitle" id="mspwrplt_name9" dc-record="" dc-userid="" dc-siteid="44c1922b-d231-4183-bae6-be148059122f"/></div> </div> <p class="macro-title">Description<span class="tooltip-icon" data-tooltip="Enter text message that should display (HTML tags are allowed)"> <i class="ms-Icon ms-Icon--Info" aria-hidden="true"></i> </span></p> <div class="macrosec"> <div class="macro-desc"><textarea id="description9" title="Please enter description" rows="5" maxlength="10000" name="description[i]" aria-labelledby="" class="form-control macrodes" ></textarea></div> </div> <div role="alert" class="txtentered-alert9" style="display: block;text-align: right;"><span class="userpreferences-input-invalid-text" style=" color: black;"></span></div> <div role="alert" class="error-alert9" style="display: block;"><span class="userpreferences-input-invalid-text"></span></div> <hr/> </div> <div style="display: flex; gap: 10px;"> <button class="dc-button macrosavebtn" type="button" id="saveNotificationpreferences_Btn"><span>Save</span></button> <button class="dc-button" type="button" id="cancelNotificationpreferences_Btn"><span>Cancel</span></button> </div> </form> <script> $(document).ready(function(){ $("body").on("click", "#saveNotificationpreferences_Btn", function(){ validatefieldslength(); }); $('#cancelNotificationpreferences_Btn').click(function () { $('#userpreference-form-edit').toggleClass('show'); $('#userpreference-description-details').toggleClass('hide'); }); }); $("[id^='description']").on("keyup", function() { var myLength = $(this).val().length; // Get the length of the current input var index = this.id.replace('description', ''); // Extract the index from the ID $(".txtentered-alert" + index).find("span").html(myLength + " / " + 10000); }); const titleLimit = 50; const desLimit = 10000; function validatefieldslength() { ShowLoader(); let iserror = false; let errorrow ; for (let i = 1; i <= 9; i++) { let inputElement = document.getElementById("mspwrplt_name" + i); let inputValue = inputElement.value; let errmsg = ""; if (inputValue.length > 0 && inputValue.length > titleLimit) { errmsg = errmsg.concat(macrolabel + " " + i + " " + titleValidationText); iserror = true ; errorrow = i; } //Description let inputElementdes = document.getElementById("description" + i); let inputValuedes = inputElementdes.value; if (inputValuedes.length > 0 && inputValuedes.length > desLimit) { errmsg = errmsg.concat(" " + macrolabel + " " + i + " " + descValidationText); iserror = true ; errorrow = i; } else { if (inputValuedes.length > 0 && inputValue.length == 0) { errmsg = errmsg.concat(" " + macrolabel + " " + i + " " + titleValidationtxt); iserror = true ; errorrow = i; } } $(".error-alert"+i).find("span").html(errmsg); } if (iserror) { HideLoader(); $("#description"+ errorrow).focus(); $("#mspwrplt_name"+ errorrow).focus(); return false; } else { ShowLoader(); Saveuserpreferences(); } } function delay(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function Saveuserpreferences() { ShowLoader(); let entityName = "mspwrplt_cmty_usertemplate"; let siteid = document.getElementById("mspwrplt_name1").getAttribute("dc-siteid"); let userid = document.getElementById("mspwrplt_name1").getAttribute("dc-userid"); for (let i = 1; i <= 9; i++) { let title = $("#mspwrplt_name" + i).val(); let desc = $("#description" + i).val(); title = DOMPurify.sanitize(title); desc = DOMPurify.sanitize(desc); let recid = document.getElementById("mspwrplt_name" + i).getAttribute("dc-record"); if(!recid && title != "" && title != undefined && desc != "" && desc != undefined) { var record = {}; record.mspwrplt_name = title; record.mspwrplt_cmty_description = desc; record["mspwrplt_cmty_site@odata.bind"] = "/mspwrplt_cmty_sites(" + siteid + ")"; record["mspwrplt_cmty_user@odata.bind"] = "/contacts(" + userid + ")"; createRecord(entityName + "s", record, messageCreated, failedToCreate); function messageCreated(recordId, res, status, xhr) { } function failedToCreate(res) { HideLoader(); console.error("Error occured : " + res); } } else { if(recid != "" && ( title == "" || title == undefined ) && ( desc == "" || desc == undefined)) { //Start Inactivate record webapi.safeAjax({ type: "PATCH", url: "/_api/" + entityName + "s(" + recid + ")", data: JSON.stringify({ "statecode": 1 }), contentType: "application/json", success: function (res, status, xhr) { }, error: function (res) { HideLoader(); console.error("Error occured : " + res); } }); //End Inactivate record } if(recid == "" && ( title == "" || title == undefined ) && ( desc == "" || desc == undefined)) { continue; } else { //Start update record webapi.safeAjax({ type: "PATCH", url: "/_api/" + entityName + "s(" + recid + ")", data: JSON.stringify({ "mspwrplt_name": title , "mspwrplt_cmty_description" : desc }), contentType: "application/json", success: function (res, status, xhr) { }, error: function (res) { HideLoader(); console.error("Error occured : " + res); } }); //End update record } } await delay(1500); } HideLoader(); $('#userpreference-form-edit').toggleClass('show'); $('#userpreference-description-details').toggleClass('hide'); window.history.pushState({}, '', '/profile/#macros'); window.location.reload(); } </script> </div> <div class="content-section-description-details" id="userpreference-description-details"> </div> </div> </div> </div>  </div> </div> </div> </div> </div> </div> </div> </div>   <script> function FormatDateTime() { $('[data-utc-date]').each(function (index) { let dateToConvert = $(this).attr("data-utc-date"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("DD MMM YYYY")); }); $('[data-utc-time]').each(function (index) { let dateToConvert = $(this).attr("data-utc-time"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("HH:mm:ss")); }); $('[data-utc-date-time]').each(function (index) { let dateToConvert = $(this).attr("data-utc-date-time"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("D MMM YYYY HH:mm:ss")); }); $('[data-utc-time-only]').each(function (index) { let dateToConvert = $(this).attr("data-utc-time-only"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("hh:mm A")); }); $('[data-normal-date]').each(function (index) { let dateToConvert = $(this).attr("data-normal-date"); $(this).html(''); $(this).html(moment(dateToConvert).local().format("DD MMM YYYY")); }); $('[data-normal-time-only]').each(function (index) { let dateToConvert = $(this).attr("data-normal-time-only"); $(this).html(''); $(this).html(moment(dateToConvert).local().format("hh:mm A")); }); $('[data-normal-date-no-local]').each(function (index) { let dateToConvert = $(this).attr("data-normal-date-no-local"); $(this).html(''); $(this).html(moment.utc(dateToConvert).format("DD MMM YYYY")); }); $('[data-normal-time-only-no-local]').each(function (index) { let dateToConvert = $(this).attr("data-normal-time-only-no-local"); $(this).html(''); $(this).html(moment.utc(dateToConvert).format("hh:mm A")); }); $('[local-date-time-only]').each(function (index) { var dateToConvert = new Date($(this).attr("local-date-time-only")); var tzOffSet = dateToConvert.getTimezoneOffset(); var offsetDateTime = new Date(dateToConvert.getTime() - tzOffSet * 60 * 1000); $(this).html(moment(offsetDateTime).local().format("hh:mm A")); }); $('[local-date-time]').each(function (index) { var dateToConvert = new Date($(this).attr("local-date-time")); var tzOffSet = dateToConvert.getTimezoneOffset(); var offsetDateTime = new Date(dateToConvert.getTime() - tzOffSet * 60 * 1000); $(this).html(moment(offsetDateTime).local().format("MM/DD/YYYY")); }); $('[data-time-utc-convert]').each(function (index) { let dateToConvert = $(this).attr("data-time-utc-convert"); $(this).html(''); $(this).html(moment.utc(dateToConvert).local().format("D MMM HH:mm")); }); } </script> <script src="/js_Community_common.js"></script> <script> var titleValidationText = "title must be under 50 characters."; var descValidationText = "description must be under 10000 characters."; var titleValidationtxt = "title is not entered"; var macrolabel = "Description"; $(document).ready(function() { setTimeout(function() { var listBadge = document.getElementById('badges-list'); var expandBadge = $('#badges'); var dividerBadge = $('.badges-expand-divider'); expandBadge.hide(); dividerBadge.hide(); if(listBadge) { if (listBadge.offsetHeight < listBadge.scrollHeight) { expandBadge.css( "display", "inline-flex" ); dividerBadge.css( "display", "block" ); } } }, 3000); $('#achievements-tab').click(function(){ setTimeout(function() { var listBadge = document.getElementById('own-badges-list'); var expandBadge = $('#own-badges'); var dividerBadge = $('.badges-expand-divider'); expandBadge.hide(); dividerBadge.hide(); if(listBadge) { if (listBadge.offsetHeight < listBadge.scrollHeight) { expandBadge.css( "display", "inline-flex" ); dividerBadge.css( "display", "block" ); } } }, 3000); }); }); function narratorSpeak(textSpeak, priority) { var tempEl = document.createElement("div"); var id = "speak-" + Date.now(); tempEl.setAttribute("id", id); tempEl.setAttribute("aria-live", priority || "assertive"); tempEl.classList.add("visually-hidden"); document.body.appendChild(tempEl); window.setTimeout(function () { document.getElementById(id).innerHTML = textSpeak; }, 200); window.setTimeout(function () { document.body.removeChild(document.getElementById(id)); }, 1000); } $("#badges-tab").click(function() { setTimeout(function() { var listBadgeOwn = document.getElementById('OwnBadges'); var expandBadgeOwn = $('#own-badges'); expandBadgeOwn.hide(); if(listBadgeOwn) { if (listBadgeOwn.offsetHeight < listBadgeOwn.scrollHeight) { expandBadgeOwn.css( "display", "inline-flex" ); } } }, 2000); }); function expand(badgesList) { var badgesListClass = badgesList + "-list"; var container = document.querySelector('.'+badgesListClass); container.classList.toggle('expanded'); } $('#own-badges').click(function(){ $(this).find('img').toggleClass("msd-trnasform-180"); if ($(this).children('p').text() == "View all"){ $(this).attr('aria-expanded', 'true'); $(this).children('p').text("View less"); $(this).children('img').attr("alt","View less"); narratorSpeak('expanded, View less button'); } else{ $(this).attr('aria-expanded', 'false'); $(this).children('p').text("View all"); $(this).children('img').attr("alt","View all"); narratorSpeak('collapsed, View all button'); } }); $('#badges').click(function(){ $(this).find('img').toggleClass("msd-trnasform-180"); if ($(this).children('p').text() == "View all"){ $(this).attr('aria-expanded', 'true'); $(this).children('p').text("View less"); $(this).children('img').attr("alt",""); narratorSpeak('expanded, View less button'); } else{ $(this).attr('aria-expanded', 'false'); $(this).children('p').text("View all"); $(this).children('img').attr("alt",""); narratorSpeak('collapsed, View all button'); } }); </script> <script type="text/javascript" src="/profile/js_Profile.js/?v=0.2"></script> </form> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-loader.bundle-f4a0e619b8.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-loader.bundle-f4a0e619b8.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pvaembedded.bundle-ee552b63e2.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pvaembedded.bundle-ee552b63e2.js" type="text/javascript"></script>  <div class="pva-floating-style" style="position: absolute; z-index: 1000;"> <div name="webChat"></div> <script type="text/javascript" id="pvaChatInlineScript"> var botConfig = {"skillConfigViewName": "Community App For Dynamics 365 bot Answers", "botMaximizedByDefault" : "true", "citationUrlParams" : { "mspwrplt_cmty_discussionthread": "threadid","mspwrplt_cmty_blogpost": "postid" }}; // Learn more about advanced configuration: https://go.microsoft.com/fwlink/?linkid=2147420 const webChatHeaderStyleOptions = botConfig?.webChatHeaderStyleOptions; const webChatCanvasStyleOptions = botConfig?.webChatCanvasStyleOptions; const webChatWidgetStyleOptions = botConfig?.webChatWidgetStyleOptions; var botMaximizedByDefault = botConfig?.botMaximizedByDefault; var botTitle = botConfig?.headerText; var region = "prod"; var botTemplate = "powerpages-1.0.0"; var botAuthenticationMode = "4"; var isNewWidget = "False"; if(!botTitle || botTitle == undefined || botTitle == "" || botTitle.length == 0) { botTitle = "CommunityApp For Dynamics 365 bot"; } if(!botMaximizedByDefault || botMaximizedByDefault == undefined) { botMaximizedByDefault = false; } let chatWidth = "320px"; let chatHeight = "500px"; if (screen.width > 992) { chatWidth = "25%"; chatHeight = "80%"; } window.PvaEmbeddedWebChat.renderWebChat( { "container": document.getElementsByName('webChat')[0], "botSchemaName": "cr5dc_76ff64d1-4765-4fe7-b797-499fd3196c8e", "environmentId": "f55e79bd-d8cb-4fbb-9be2-2cefd8cb3b83", "width": chatWidth, "height": chatHeight, "client": "msportals", // client and version is needed for the ease of future breaking changes "version": "v1", "headerText": botTitle, "webChatCanvasStyleOptions": webChatCanvasStyleOptions, "webChatHeaderStyleOptions": webChatHeaderStyleOptions, "webChatWidgetStyleOptions": webChatWidgetStyleOptions, "accessibilityLanguage": "en-US", "botMaximizedByDefault": botMaximizedByDefault, "region": region, "botTemplate": botTemplate, "botAuthenticationMode": botAuthenticationMode, "isNewWidget": isNewWidget }); </script> </div> <div id="pp-native-controls-react-root"></div> <script>window._nativeControlConfig = { "publicPath":"https://content.powerapps.com/resource/powerappsportal/controls", "versions": {"pcf_loader":"0.0.31","pcf_controls":"3.10.0","mf_shared":"0.2.11","host":"0.9.2","data_grid":"1.6.8","controls_fluent_v9":"0.0.34"} }</script> <script defer="defer" src="https://content.powerapps.com/resource/powerappsportal/controls/host/main.b26f42703f.chunk.js"></script> <script> (function(webapi, $){ function safeAjax(ajaxOptions) { var deferredAjax = $.Deferred(); shell.getTokenDeferred().done(function (token) { // add headers for ajax if (!ajaxOptions.headers) { $.extend(ajaxOptions, { headers: { "__RequestVerificationToken": token } }); } else { ajaxOptions.headers["__RequestVerificationToken"] = token; } $.ajax(ajaxOptions) .done(function(data, textStatus, jqXHR) { validateLoginSession(data, textStatus, jqXHR, deferredAjax.resolve); }).fail(deferredAjax.reject); //ajax }).fail(function () { deferredAjax.rejectWith(this, arguments); // on token failure, pass the token ajax and args }); return deferredAjax.promise(); } webapi.safeAjax = safeAjax; })(window.webapi = window.webapi || {}, jQuery) </script> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div>    <style> .bapi-common-footer .bapi-row, .bapi-common-footer .bapi-row + div { margin: 0 3.2%; padding: 0 0.9735rem; } @media only screen and (min-width: 1024px) { .ask-button-mobile, .profile-hide-for-large_view,.user-signin-component { display:none; } .msd-notifications{display: none !important;} } @media only screen and (max-width: 640px) { .ask-button-mobile{ display:none; } .ask-question-btn-small-device{ width: 100%; } .bapi-top-bar__logo > a > img{ max-width: inherit !important } } @media only screen and (min-width: 640px) { .ask-button-small-device{ display:none; } } @media only screen and (max-width: 1440px) { .dc-logged-user-name,.mectrl_header_text{ display:none; } } @media only screen and (min-width: 1024px) and (max-width: 1440px) { .nav-items-right-container{ width: 32%; display: flex !important; justify-content: flex-end; } .bapi-header--sticky>div>#top-nav>ul>li>#buttonInHeader{ display:none; } .hero-banner,.dc-breadcrumb1,.dc-forums-thread-breadcrumb,.dc-breadcrumb{ margin-top:36px; } .msd-preview-banner{ margin-top: 75px; } } .gs-search-box-container>.dc-explore-search>input.search-textbox{ height: 44px !important; } .ask-button-mobile{ margin-top: 12px; } </style>  <script> WcpConsent = {}; </script>  <script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script> <script> (function (WcpConsent, $, global) { "use strict"; var culture = "en-us"; if (!$ || !WcpConsent || !WcpConsent.name) return; function onConsentChanged(e) { if (!window.siteConsent.isConsentRequired) return; if (global && global.CookieHelper && global.CookieHelper.cleanNonEssentialCookies) { global.CookieHelper.cleanNonEssentialCookies(); } window.location.reload(); $('html, body').animate({ scrollTop: 0 }, 'slow'); } $(document).ready(function () { $("#footer-nav-ManageCookies").click(function (ev) { ev.preventDefault(); if (window && window.siteConsent && window.siteConsent.manageConsent) { window.siteConsent.manageConsent(); } }); WcpConsent.init(culture, "cookie-banner", function (err, _siteConsent) { if (typeof err !== "undefined") { if (appInsights && appInsights.trackException) { appInsights.trackException({ exception: err, }); } return; } else { window.siteConsent = _siteConsent; // if consentRequired is true, we will show the manage cookies if (window.siteConsent.isConsentRequired) { if ($("#footer-nav-ManageCookies") && $("#footer-nav-ManageCookies").length) { $("#footer-nav-ManageCookies").removeClass("hide"); } if ($("#wcpConsentBannerCtrl") && $("#wcpConsentBannerCtrl").length) { $('html, body').animate({ scrollTop: 0 }, 'slow'); } if (global && global.CookieHelper && global.CookieHelper.cleanNonEssentialCookies) { global.CookieHelper.cleanNonEssentialCookies(); } } } }, onConsentChanged); }); })(WcpConsent, jQuery, window); </script> <footer class="bapi-common-footer">  <div class="bapi-row"> <div class="bapi-column bapi-column--one-half"> <ul class="bapi-link-list bapi-link-list--copyright"> <li>© <span id="copyright-year"></span> Microsoft</li> </ul>  </div> <div class="bapi-column bapi-column--one-half"> <ul class="bapi-link-list bapi-link-list--horizontal-on-medium bapi-pull-right-on-medium"> <li> <a href="" data-bi-name="Manage Cookies" class="f-link hide" id="footer-nav-ManageCookies" aria-label="Manage Cookies"> Manage Cookies </a> </li> <li> <a href="https://go.microsoft.com/fwlink/?LinkId=248681&clcid=0x409" data-bi-name="Privacy & cookies" class="f-link show" id="footer_nav-1_Privacy & cookies" aria-label="Privacy & cookies"> Privacy & cookies </a> </li> <li> <a href="https://go.microsoft.com/fwlink/?LinkId=206977&clcid=0x409" data-bi-name="Terms of use" class="f-link show" id="footer_nav-1_Terms of use" aria-label="Terms of use"> Terms of use </a> </li> <li> <a href="https://www.microsoft.com/trademarks" data-bi-name="Trademarks" class="f-link show" id="footer_nav-1_Trademarks" aria-label="Trademarks"> Trademarks </a> </li>  </ul> </div> </div> <div class="bapi-row"> <a id="footer_nav_your-california-privacy-choices" data-bi-id="footer_nav_your-california-privacy-choices" data-bi-name="Your Privacy Choices" style="display: inline-flex;align-items: center;color: #000;text-decoration: underline;" href="https://aka.ms/yourcaliforniaprivacychoices"> <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" style="height: 16px;"> <title>Your Privacy Choices 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 style="padding: 8px; padding-right: 16px;">Your Privacy Choices</span> </a> <a id="footer_nav_your-consumer-health" data-bi-id="footer_nav_your-consumer-health" aria-label="Consumer Health Privacy" data-bi-name="Consumer Health Privacy" style="display: inline-flex;align-items: center;color: #000;text-decoration: underline;" href="https://go.microsoft.com/fwlink/?linkid=2259814"> <span>Consumer Health Privacy</span> </a> </div>  <script> // Set the copyright year dynamically document.getElementById("copyright-year").textContent = new Date().getFullYear(); </script> </footer> <div class="mobile-view-signed-user hidden" id="mobile_view_signeduser_container"> <button type="button" class="bapi-menu-toggle-button profile-hide-for-large_view" data-bi-area="header-l1-nav" aria-expanded="false" role="menuitem"> Welcome, </button> <ul class="bapi-menu bapi-submenu is-dropdown-submenu--multi-column is-dropdown-submenu--multi-column-2 is-accordion-submenu nested is-active profile-hide-for-large_view" role="menu"> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="/profile/" aria-label="Profile" data-bi-area="header-l2-nav" data-bi-name="Profile"> Profile </a> </li>  <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="/messages/" aria-label="Messages" data-bi-area="header-l2-nav" data-bi-name="Messages"> Messages </a> </li>  <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="/Myactivity/" aria-label="Myactivity" data-bi-area="header-l2-nav" data-bi-name="Myactivity">My activity</a> </li> <li class="is-dropdown-submenu-parent nested-submenu nested-submenu--column" role="menuitem"> <a href="/Account/Login/LogOff/" aria-label="Sign out" data-bi-area="header-l2-nav" data-bi-name="Signout"> Sign out </a> </li> </ul> </div> <script type="text/javascript" src="/js_footerscriptJs.js"></script> <script src=""></script> <script> var css = ""; css = css.replace(/<link/gi, "<link class='header-footer-resource'"); $("head").append(css); function bindEnterKeyPressEvent_EditModal(){ $('.'+$('#edit-modal-selector-class').val()).off('keyup'); $('.'+$('#edit-modal-selector-class').val()).on('keyup', function (event) { var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ $(this).click(); } }); } </script> <script src="/js_Community_common.js"></script> <script src="/js_ckeditor_updates.js?v=0.51"></script> <script> $(document).ready(function () { var partialurl= location.href.replace("https://","").replace(location.host,"").indexOf('signin?returnUrl=') == -1 ? location.href.replace("https://","").replace(location.host,"") : ""; var usernav = $("#user-links").html(); if ('' != '' && '' != undefined) { $("body").show(); $("#meControl").html(''); $("#meControl").append($("#dc-user-profile-header")); } else{ $("body").show(); $("#meControl").html(''); $("#meControl").append(`<div class="mectrl_root mectrl_theme_light_header"><a id="mectrl_main_trigger" class="mectrl_resetStyle mectrl_trigger" aria-label="Sign in to your account" href="/signIn" target="_top"><span class="mectrl_screen_reader_text">Sign in to your account</span> <div class="mectrl_topHeader" aria-hidden="true" role="presentation"> <div class="mectrl_header_text mectrl_truncate">Sign in</div> <div id="mectrl_headerPicture" title="Sign in" class="mectrl_profilepic mectrl_glyph mectrl_signIn_circle_glyph" aria-hidden="true" role="presentation"> </div> </div> </a> </div>`); $($('#meControl>div>div>div>div')[0]).click(function(){ location.href="~/signin?returnUrl=" + partialurl; }); $('#mectrl_main_trigger').attr('href', '/signin?returnUrl='+partialurl); } var width = $(window).width(); if (width < 1024) { setUserSectionForMobile(); alignAskQuestionForMobile(); } setPostBtnForSmallDevice(); alignAskQuestionForMobile(); $(window).on("resize", function () { if ($(window).width() < 1024) { setUserSectionForMobile(); alignAskQuestionForMobile(); } }); function setUserSectionForMobile() { if ('' != '' && '' != undefined){ let loggedProfileSelector = $('#user_logged_profile_mobileview'); if (loggedProfileSelector == undefined || loggedProfileSelector.length < 1) { $($("#top-nav").find('ul')[0]).append('<li class="is-menu-link" role="presentation"><a class="msd-notifications" href="javascript:openSideNotificationBar();" role="menuitem" aria-label="Notifications" data-bi-area="header-l2-nav" data-bi-name="Notifications">Notifications</a></li><li class="is-accordion-submenu-parent" id="user_logged_profile_mobileview" role="presentation">'+$('#mobile_view_signeduser_container').html()+'</li>'); } }else{ let userProfileSelector = $('#user-signin-container'); if (userProfileSelector == undefined || userProfileSelector.length < 1) { $($("#top-nav").find('ul')[0]).append(`<li class="is-menu-link" role="presentation"><div class="user-signin-component" id="user-signin-container" role="menuitem"><a href="/signin?returnUrl=${partialurl}">Sign in</a></div></li>`); } } } function alignAskQuestionForMobile() { let askQuestionSelector = $('#buttonInHeader_mobile'); if (askQuestionSelector.length > 0) { $(askQuestionSelector).html(''); $(askQuestionSelector).html(`<a class="dc-button" href="/ask-question/" role="button">Post a question</a>`); } else { $("#top-nav").append(`<div id="buttonInHeader_mobile" class="ask-button-mobile" role="button"><a class="dc-button" href="/ask-question/">Post a question</a></div>`); } } function setPostBtnForSmallDevice(){ $("#bapi-header").parent("div").append(`<div id="buttonInHeader_small_device" class="ask-button-small-device "><a class="dc-button ask-question-btn-small-device" href="/ask-question/">Post a question</a></div>`); } $('.magic-box-input').attr('role','search'); $('.magic-box-input input').attr({ placeholder: 'Find answers across the Dynamics 365 Community', title: 'Search Input. Insert a query. Press enter to send.' }); $('.magic-box-input input').removeAttr('aria-label'); }); </script> <style> .msame_TxtTrunc{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.msame_Header{display:inline-block;cursor:pointer;font-size:14px;border-width:1px;border-style:solid;border-bottom-style:none;border-color:transparent;width:100%}.msame_Header .msame_screen_reader{overflow:hidden;display:inline-block;width:1px;height:1px;position:absolute}.msame_Header_name{padding-left:12px;max-width:160px;display:inline-block;line-height:64px;vertical-align:top;font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;font-size:86%;color:#505050}.msame_unauth .msame_Header_name{padding-right:12px}.msame_unauth .msame_Header_name:hover{color:#0078d7}.msame_Drop_AI_pic,.msame_Drop_active_pic,.msame_Header_pic{display:inline-block}.msame_Header_piccont{padding-top:14px;padding-bottom:14px;padding-right:12px;padding-left:8px}.msame_Mobile .msame_Header_piccont{padding-top:10px;padding-bottom:10px}.msame_Short .msame_Header_piccont{padding-left:12px}.msame_Header_picframe{width:36px;height:36px;border-radius:50%;overflow:hidden}.msame_Mobile .msame_Header_picframe{width:48px;height:48px}.msame_open .msame_Header_picframe{z-index:3000001;position:relative}.msame_Header_chev{display:none}.msame_Mobile .msame_Header_piccont{padding-right:8px;padding-left:10px}.msame_Mobile .msame_Header_name{line-height:3;font-size:114%;padding-left:10px;padding-right:10px;display:inline-block;vertical-align:top;padding-top:14px}.msame_Mobile.msame_3row .msame_Header_name{padding-top:6px}.msame_Mobile .msame_Header_chev{display:inline-block;line-height:64px;vertical-align:top;padding-right:16px;padding-left:8px;float:right}.msame_open .msame_Header_chev img{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:FlipV}.msame_Drop_root .msame_Drop_AI:focus,.msame_Drop_root .msame_Drop_AI_remove:focus,.msame_Drop_root a:focus,.msame_Header:focus{border-style:dashed;border-color:#000;border-width:1px}.msame_Header .msame_Header_piccont img{width:36px;height:36px;line-height:normal;vertical-align:baseline}.msame_Mobile .msame_Header_piccont img{width:48px;height:48px}.msame_Mobile .msame_Header_fullName{font-size:100%;color:#000;line-height:1.333}.msame_Drop_AI_email,.msame_Drop_AI_status,.msame_Mobile .msame_Header_email,.msame_Mobile .msame_Header_nickName{font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;font-size:86%;color:rgba(0,0,0,.54);line-height:1.333333}.msaie8 .msame_Drop_AI_pic,.msaie8 .msame_Drop_AI_right,.msaie8 .msame_Drop_active_pic,.msaie8 .msame_Drop_active_right,.msaie8 .msame_Header,.msaie8 .msame_Header_name,.msaie8 .msame_Header_pic{zoom:1} </style> <style> .msame_open .msame_Header{border-color:#e6e6e6;background-color:#fff}.msame_open .msame_Header.msame_Mobile{border-color:transparent;background-color:transparent}.msame_ClickStart.msame_Drop_root .msame_Drop_AI:focus,.msame_ClickStart.msame_Drop_root .msame_Drop_AI_remove:focus,.msame_ClickStart.msame_Drop_root a:focus{outline-style:none}.msame_Drop_root a,.msame_Drop_root a:active,.msame_Drop_root a:focus,.msame_Drop_root a:hover,.msame_Drop_root a:visited{text-decoration:none}.msame_Drop_topb{border-top-color:#e6e6e6;border-top-style:solid;border-top-width:1px}.msame_Mobile .msame_Drop_topb{width:100%!important}.msame_Drop_active{padding-bottom:8px}.msame_Drop_AI_picframe{width:44px;height:44px;border-radius:50%;overflow:hidden}.msame_Drop_AI_piccont img{width:44px;height:44px}.msame_Drop_root{border-width:1px;border-color:#e6e6e6;border-style:solid;border-top-style:none;position:absolute;width:360px;z-index:3000000;background-color:#fff;font-size:14px}.msame_Drop_sep{border-top-width:1px;border-top-color:#e6e6e6;border-top-style:solid;width:100%;height:0;display:block}.msame_Mobile.msame_Drop_root{left:0!important;right:0;bottom:0;width:100%;border-right-width:0;border-left-width:0}.msame_Mobile .msame_Drop_content{overflow-y:auto;position:absolute;left:0;right:0;bottom:0;top:0}.msame_Drop_root a{text-decoration:none}.msame_Drop_content{overflow:hidden}.msame_Mobile .msame_Drop_active{display:none}.msame_Drop_AI{cursor:pointer}.disabled .msame_Drop_AI_pic,.disabled .msame_Drop_AI_right{opacity:.4;cursor:default}.disabled .msame_Drop_AI_email,.disabled .msame_Drop_AI_name,.disabled .msame_Drop_AI_status{color:#000}.msame_Drop_active_piccont{padding:5px}.msame_Drop_AI_piccont{padding:10px}.msame_Drop_active_picframe{width:74px;height:74px;border-radius:50%;overflow:hidden}.msame_Drop_active_picborder,.msame_Drop_active_piccont a{display:block;padding:5px;border-radius:50%}.msame_Drop_active_piccont a:focus{padding:4px;border:1px dashed #000}.msame_Drop_active_piccont img{width:64px;height:64px;border-radius:50%}.msame_Drop_active_name{display:block;line-height:1.3;font-size:150%;color:#000;font-family:"Segoe UI Light","Segoe UI Web Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol",HelveticaNeue-Light,"Helvetica Neue",Arial,sans-serif}.msame_Drop_active_email{display:block;line-height:1.42857;font-size:100%;color:rgba(0,0,0,.54);font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;padding:1px}.msame_Drop_active_right{display:inline-block;width:216px;vertical-align:top;padding-top:12px;padding-right:12px;padding-left:12px}.msame_Drop_active_right a{color:rgba(0,0,0,.54)}.msame_Drop_SI a{line-height:2;font-size:114%;font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;padding-left:12px;padding-right:12px;display:block;color:#000}.msame_Mobile .msame_Drop_SI a{line-height:2.75}.msame_Drop_AI.switch:hover,.msame_Drop_AI_remove:hover,.msame_Drop_SI a:hover{color:#000;background-color:rgba(0,0,0,.12)}.msame_Drop_AI.switch:active,.msame_Drop_AI.switch:active div,.msame_Drop_AI_remove:active,.msame_Drop_SI a:active{color:#fff!important;background-color:#000}.msame_Drop_SI a:link,.msame_Drop_SI a:visited{color:#000}.msame_Drop_active_link a,.msame_Drop_active_link a:active,.msame_Drop_active_link a:hover,.msame_Drop_active_link a:link,.msame_Drop_active_link a:visited{line-height:1.333333;font-size:86%;font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;color:#0078d7}.msame_Drop_AL{padding-bottom:24px}.msame_Drop_AI_right{display:inline-block;width:252px;vertical-align:top;padding-left:8px;padding-top:5px}.msame_Mobile .msame_Drop_AI_right{width:100px}.msame_Drop_AI_name{font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;font-size:114%;color:#000;line-height:1.25}.msame_Drop_AI_remove{float:right;margin-top:6px;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;cursor:pointer}.msame_Drop_AI_remove img{display:block}.msame_auto_frame{display:none;position:absolute;top:0;left:-4000px;width:0}.msame_Drop_sneakyBtn a{width:0;height:0;opacity:0}.msame_Drop_sneakyBtn a:focus{width:auto;height:auto;opacity:1} </style> <style> .bapi-common-footer{margin-top: 48px;} #bapi-header .bapi-top-bar--viewport-mooncat, #bapi-header-subnavigation .bapi-top-bar--viewport-mooncat{ font-size: 14px !important; } /* @media(max-width:300px){ .hide-in-mobile{ display:none; } } */ #meControl > a{ font-size: 12.9px; } #meControl > ul > li > a{ padding: 3px 20px !important; } </style> <style type="text/css"> .mectrl_resetStyle, a.mectrl_resetStyle, button.mectrl_resetStyle { height: auto; min-width: auto; min-height: auto; border-style: none; border-width: 0; padding: 0; margin: 0; outline-style: none; background-color: transparent; text-decoration: none; text-align: left; font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif; cursor: pointer } .mectrl_dropdown { position: relative } .mectrl_glyph { overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat } .glyph_more { width: 24px; height: 24px } .glyph_text { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute } .mectrl_signIn_circle_glyph { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_aadAccount_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23707070' stroke='%23707070'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1112 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 01-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_account_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1126.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_msft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 01.419-.967 1.411 1.411 0 011-.39 1.392 1.392 0 011.02.4 1.3 1.3 0 01.405.957 1.249 1.249 0 01-.414.953 1.428 1.428 0 01-1.011.385A1.4 1.4 0 0147.25 6.6a1.263 1.263 0 01-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 001.145-.24 4.808 4.808 0 001.155-.636V18a4.659 4.659 0 01-1.266.481 6.9 6.9 0 01-1.554.163 4.707 4.707 0 01-4.918-4.907 5.644 5.644 0 011.4-3.932 5.054 5.054 0 013.955-1.545 5.42 5.42 0 011.324.169 4.4 4.4 0 011.063.39v2.232a4.73 4.73 0 00-1.1-.611 3.187 3.187 0 00-1.15-.217 2.918 2.918 0 00-2.223.9 3.366 3.366 0 00-.847 2.415 3.217 3.217 0 00.813 2.339 2.938 2.938 0 002.209.837m8.931-8.363a2.892 2.892 0 01.5.039 2.025 2.025 0 01.376.1v2.357a2.075 2.075 0 00-.535-.255 2.649 2.649 0 00-.851-.12 1.811 1.811 0 00-1.449.722 3.47 3.47 0 00-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 01.962-1.266 2.615 2.615 0 011.55-.457m1 5.254a5.355 5.355 0 011.387-3.887 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.53 3.53 0 00.7 2.367 2.5 2.5 0 002.011.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.39 2.39 0 00-1.929-.813 2.441 2.441 0 00-1.988.852 3.707 3.707 0 00-.707 2.43m11.2-2.416a1 1 0 00.317.785 5.431 5.431 0 001.405.716 4.768 4.768 0 011.959 1.256 2.608 2.608 0 01.563 1.689 2.718 2.718 0 01-1.073 2.243 4.565 4.565 0 01-2.9.846 6.962 6.962 0 01-1.362-.149 6.036 6.036 0 01-1.265-.38v-2.29a5.74 5.74 0 001.367.7 4.009 4.009 0 001.328.26 2.37 2.37 0 001.164-.221.792.792 0 00.375-.741 1.027 1.027 0 00-.389-.813 5.772 5.772 0 00-1.478-.766 4.56 4.56 0 01-1.828-1.212 2.657 2.657 0 01-.539-1.713 2.706 2.706 0 011.063-2.2 4.245 4.245 0 012.764-.862 6.669 6.669 0 011.164.116 5.131 5.131 0 011.078.3v2.214a4.943 4.943 0 00-1.078-.53 3.61 3.61 0 00-1.222-.221 1.776 1.776 0 00-1.035.26.822.822 0 00-.37.712m5.241 2.493a5.355 5.355 0 011.386-3.89 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.535 3.535 0 00.7 2.367 2.506 2.506 0 002.012.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.391 2.391 0 00-1.93-.813 2.44 2.44 0 00-1.987.852 3.707 3.707 0 00-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 011.016-2.555 3.56 3.56 0 012.6-1 5.949 5.949 0 01.751.043 3.025 3.025 0 01.577.13v2.016a2.381 2.381 0 00-.4-.164 2.106 2.106 0 00-.664-.1 1.405 1.405 0 00-1.126.457 2.015 2.015 0 00-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 00.332 1.29 1.329 1.329 0 001.045.375 1.569 1.569 0 00.486-.1 2.271 2.271 0 00.5-.231V18.3a2.765 2.765 0 01-.736.231 5.072 5.072 0 01-1.015.105 2.889 2.889 0 01-2.209-.784 3.341 3.341 0 01-.736-2.363z' fill='%23737373'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E") } .glyph_more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23707070'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E") } .glyph_chevron { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 3 16 10' fill='%23231F20'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_authApp_icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5a18.454 18.454 0 016 1v1c0 .984-.143 1.935-.43 2.852-.286.916-.69 1.768-1.21 2.554A9.725 9.725 0 016 16a9.595 9.595 0 01-2.46-1.484 9.65 9.65 0 01-1.892-2.102A10.245 10.245 0 01.43 9.867 9.113 9.113 0 010 7.023c0-.067.005-.145.016-.234l.03-.273c.011-.094.024-.185.04-.274A7.54 7.54 0 00.125 6c.964-.333 1.93-.583 2.898-.75C3.993 5.083 4.984 5 6 5zm2 7v-.25c0-.213-.031-.42-.094-.617a1.818 1.818 0 00-.28-.547 2.283 2.283 0 00-.43-.438 1.812 1.812 0 00-.555-.289c.265-.125.474-.31.625-.554.15-.245.229-.513.234-.805a1.505 1.505 0 00-.914-1.383A1.471 1.471 0 006 7a1.505 1.505 0 00-1.383.914A1.472 1.472 0 004.5 8.5c0 .292.076.56.227.805.15.244.362.43.632.554a1.94 1.94 0 00-.554.29c-.167.124-.31.27-.43.437-.12.167-.21.349-.273.547A2.219 2.219 0 004 11.75V12h4zM6 1.5c-.344 0-.667.065-.969.195-.302.13-.567.308-.797.532A2.477 2.477 0 003.5 4L2 4.25V4a3.948 3.948 0 011.172-2.82C3.537.82 3.96.534 4.445.32A3.81 3.81 0 016 0a3.948 3.948 0 012.82 1.172c.36.364.646.789.86 1.273A3.81 3.81 0 0110 4v.25L8.5 4c0-.344-.065-.667-.195-.969a2.603 2.603 0 00-.532-.797A2.477 2.477 0 006 1.5z' fill='%23000'/%3E%3C/svg%3E") } .glyph_authApp_close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.453 5L10 9.552 9.552 10 5 5.453.448 10 0 9.552 4.547 5 0 .448.448 0 5 4.547 9.552 0 10 .448 5.453 5z' fill='%23323130'/%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_msft, .mectrl_theme_azure_hcdark .glyph_msft .mectrl_theme_gray .glyph_msft, .mectrl_theme_off_black .glyph_msft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 01.419-.967 1.411 1.411 0 011-.39 1.392 1.392 0 011.02.4 1.3 1.3 0 01.405.957 1.249 1.249 0 01-.414.953 1.428 1.428 0 01-1.011.385A1.4 1.4 0 0147.25 6.6a1.263 1.263 0 01-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 001.145-.24 4.808 4.808 0 001.155-.636V18a4.659 4.659 0 01-1.266.481 6.9 6.9 0 01-1.554.163 4.707 4.707 0 01-4.918-4.907 5.644 5.644 0 011.4-3.932 5.054 5.054 0 013.955-1.545 5.42 5.42 0 011.324.169 4.4 4.4 0 011.063.39v2.232a4.73 4.73 0 00-1.1-.611 3.187 3.187 0 00-1.15-.217 2.918 2.918 0 00-2.223.9 3.366 3.366 0 00-.847 2.415 3.217 3.217 0 00.813 2.339 2.938 2.938 0 002.209.837m8.931-8.363a2.892 2.892 0 01.5.039 2.025 2.025 0 01.376.1v2.357a2.075 2.075 0 00-.535-.255 2.649 2.649 0 00-.851-.12 1.811 1.811 0 00-1.449.722 3.47 3.47 0 00-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 01.962-1.266 2.615 2.615 0 011.55-.457m1 5.254a5.355 5.355 0 011.387-3.887 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.53 3.53 0 00.7 2.367 2.5 2.5 0 002.011.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.39 2.39 0 00-1.929-.813 2.441 2.441 0 00-1.988.852 3.707 3.707 0 00-.707 2.43m11.2-2.416a1 1 0 00.317.785 5.431 5.431 0 001.405.716 4.768 4.768 0 011.959 1.256 2.608 2.608 0 01.563 1.689 2.718 2.718 0 01-1.073 2.243 4.565 4.565 0 01-2.9.846 6.962 6.962 0 01-1.362-.149 6.036 6.036 0 01-1.265-.38v-2.29a5.74 5.74 0 001.367.7 4.009 4.009 0 001.328.26 2.37 2.37 0 001.164-.221.792.792 0 00.375-.741 1.027 1.027 0 00-.389-.813 5.772 5.772 0 00-1.478-.766 4.56 4.56 0 01-1.828-1.212 2.657 2.657 0 01-.539-1.713 2.706 2.706 0 011.063-2.2 4.245 4.245 0 012.764-.862 6.669 6.669 0 011.164.116 5.131 5.131 0 011.078.3v2.214a4.943 4.943 0 00-1.078-.53 3.61 3.61 0 00-1.222-.221 1.776 1.776 0 00-1.035.26.822.822 0 00-.37.712m5.241 2.493a5.355 5.355 0 011.386-3.89 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.535 3.535 0 00.7 2.367 2.506 2.506 0 002.012.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.391 2.391 0 00-1.93-.813 2.44 2.44 0 00-1.987.852 3.707 3.707 0 00-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 011.016-2.555 3.56 3.56 0 012.6-1 5.949 5.949 0 01.751.043 3.025 3.025 0 01.577.13v2.016a2.381 2.381 0 00-.4-.164 2.106 2.106 0 00-.664-.1 1.405 1.405 0 00-1.126.457 2.015 2.015 0 00-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 00.332 1.29 1.329 1.329 0 001.045.375 1.569 1.569 0 00.486-.1 2.271 2.271 0 00.5-.231V18.3a2.765 2.765 0 01-.736.231 5.072 5.072 0 01-1.015.105 2.889 2.889 0 01-2.209-.784 3.341 3.341 0 01-.736-2.363z' fill='%23fff'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .mectrl_signIn_circle_glyph, .mectrl_theme_azure_hcdark .mectrl_signIn_circle_glyph, .mectrl_theme_dark .mectrl_signIn_circle_glyph, .mectrl_theme_gray .mectrl_signIn_circle_glyph, .mectrl_theme_off_black .mectrl_signIn_circle_glyph { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23fff'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_aadAccount_circle, .mectrl_theme_azure_hcdark .glyph_aadAccount_circle, .mectrl_theme_dark .glyph_aadAccount_circle, .mectrl_theme_gray .glyph_aadAccount_circle, .mectrl_theme_off_black .glyph_aadAccount_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23fff' stroke='%23fff'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1112 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 01-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_account_circle, .mectrl_theme_azure_hcdark .glyph_account_circle, .mectrl_theme_dark .glyph_account_circle, .mectrl_theme_gray .glyph_account_circle, .mectrl_theme_off_black .glyph_account_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23fff'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1126.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_more, .mectrl_theme_azure_hcdark .glyph_more, .mectrl_theme_dark .glyph_more, .mectrl_theme_gray .glyph_more, .mectrl_theme_off_black .glyph_more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_chevron, .mectrl_theme_azure_hcdark .glyph_chevron, .mectrl_theme_dark .glyph_chevron, .mectrl_theme_gray .glyph_chevron, .mectrl_theme_off_black .glyph_chevron { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 3 16 10' fill='%23fff'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_authApp_icon, .mectrl_theme_azure_hcdark .glyph_authApp_icon, .mectrl_theme_dark .glyph_authApp_icon, .mectrl_theme_gray .glyph_authApp_icon, .mectrl_theme_off_black .glyph_authApp_icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5a18.454 18.454 0 016 1v1c0 .984-.143 1.935-.43 2.852a10.01 10.01 0 01-1.21 2.554A9.724 9.724 0 016 16a9.595 9.595 0 01-2.46-1.484 9.65 9.65 0 01-1.892-2.102A10.245 10.245 0 01.43 9.867 9.113 9.113 0 010 7.023c0-.067.005-.145.016-.234l.03-.273c.011-.094.024-.185.04-.274A7.54 7.54 0 00.125 6c.964-.333 1.93-.583 2.898-.75C3.993 5.083 4.984 5 6 5zm2 7v-.25c0-.213-.031-.42-.094-.617a1.818 1.818 0 00-.281-.547 2.283 2.283 0 00-.43-.438 1.812 1.812 0 00-.554-.289c.265-.125.474-.31.625-.554.15-.245.229-.513.234-.805a1.505 1.505 0 00-.914-1.383A1.472 1.472 0 006 7a1.505 1.505 0 00-1.383.914A1.472 1.472 0 004.5 8.5c0 .292.076.56.227.805.15.244.362.43.632.554a1.94 1.94 0 00-.554.29c-.167.124-.31.27-.43.437-.12.167-.21.349-.273.547A2.22 2.22 0 004 11.75V12h4zM6 1.5c-.344 0-.667.065-.969.195-.302.13-.567.308-.797.532A2.477 2.477 0 003.5 4L2 4.25V4a3.948 3.948 0 011.172-2.82C3.537.82 3.96.534 4.445.32A3.81 3.81 0 016 0a3.948 3.948 0 012.82 1.172c.36.364.646.789.86 1.273A3.81 3.81 0 0110 4v.25L8.5 4c0-.344-.065-.667-.195-.969a2.603 2.603 0 00-.532-.797A2.477 2.477 0 006 1.5z' fill='%23fff'/%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_authApp_close, .mectrl_theme_azure_hcdark .glyph_authApp_close, .mectrl_theme_dark .glyph_authApp_close, .mectrl_theme_gray .glyph_authApp_close, .mectrl_theme_off_black .glyph_authApp_close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.444 5l4.463 4.468-.44.44L5 5.443.532 9.907l-.44-.44L4.557 5 .093.532l.44-.44L5 4.557 9.468.093l.44.44L5.443 5z' fill='%23fff'/%3E%3C/svg%3E") } @media screen and (-ms-high-contrast:black-on-white) { .c-uhfh>.theme-dark .c-me .glyph_text, .mectrl_theme_azure_hcdark .glyph_text, .mectrl_theme_dark .glyph_text, .mectrl_theme_gray .glyph_text, .mectrl_theme_off_black .glyph_text { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute } .c-uhfh>.theme-dark .c-me .mectrl_signIn_circle_glyph, .mectrl_theme_azure_hcdark .mectrl_signIn_circle_glyph, .mectrl_theme_dark .mectrl_signIn_circle_glyph, .mectrl_theme_gray .mectrl_signIn_circle_glyph, .mectrl_theme_off_black .mectrl_signIn_circle_glyph { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_aadAccount_circle, .mectrl_theme_azure_hcdark .glyph_aadAccount_circle, .mectrl_theme_dark .glyph_aadAccount_circle, .mectrl_theme_gray .glyph_aadAccount_circle, .mectrl_theme_off_black .glyph_aadAccount_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23707070' stroke='%23707070'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1112 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 01-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_account_circle, .mectrl_theme_azure_hcdark .glyph_account_circle, .mectrl_theme_dark .glyph_account_circle, .mectrl_theme_gray .glyph_account_circle, .mectrl_theme_off_black .glyph_account_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1126.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_msft, .mectrl_theme_azure_hcdark .glyph_msft, .mectrl_theme_dark .glyph_msft, .mectrl_theme_gray .glyph_msft, .mectrl_theme_off_black .glyph_msft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 01.419-.967 1.411 1.411 0 011-.39 1.392 1.392 0 011.02.4 1.3 1.3 0 01.405.957 1.249 1.249 0 01-.414.953 1.428 1.428 0 01-1.011.385A1.4 1.4 0 0147.25 6.6a1.263 1.263 0 01-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 001.145-.24 4.808 4.808 0 001.155-.636V18a4.659 4.659 0 01-1.266.481 6.9 6.9 0 01-1.554.163 4.707 4.707 0 01-4.918-4.907 5.644 5.644 0 011.4-3.932 5.054 5.054 0 013.955-1.545 5.42 5.42 0 011.324.169 4.4 4.4 0 011.063.39v2.232a4.73 4.73 0 00-1.1-.611 3.187 3.187 0 00-1.15-.217 2.918 2.918 0 00-2.223.9 3.366 3.366 0 00-.847 2.415 3.217 3.217 0 00.813 2.339 2.938 2.938 0 002.209.837m8.931-8.363a2.892 2.892 0 01.5.039 2.025 2.025 0 01.376.1v2.357a2.075 2.075 0 00-.535-.255 2.649 2.649 0 00-.851-.12 1.811 1.811 0 00-1.449.722 3.47 3.47 0 00-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 01.962-1.266 2.615 2.615 0 011.55-.457m1 5.254a5.355 5.355 0 011.387-3.887 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.53 3.53 0 00.7 2.367 2.5 2.5 0 002.011.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.39 2.39 0 00-1.929-.813 2.441 2.441 0 00-1.988.852 3.707 3.707 0 00-.707 2.43m11.2-2.416a1 1 0 00.317.785 5.431 5.431 0 001.405.716 4.768 4.768 0 011.959 1.256 2.608 2.608 0 01.563 1.689 2.718 2.718 0 01-1.073 2.243 4.565 4.565 0 01-2.9.846 6.962 6.962 0 01-1.362-.149 6.036 6.036 0 01-1.265-.38v-2.29a5.74 5.74 0 001.367.7 4.009 4.009 0 001.328.26 2.37 2.37 0 001.164-.221.792.792 0 00.375-.741 1.027 1.027 0 00-.389-.813 5.772 5.772 0 00-1.478-.766 4.56 4.56 0 01-1.828-1.212 2.657 2.657 0 01-.539-1.713 2.706 2.706 0 011.063-2.2 4.245 4.245 0 012.764-.862 6.669 6.669 0 011.164.116 5.131 5.131 0 011.078.3v2.214a4.943 4.943 0 00-1.078-.53 3.61 3.61 0 00-1.222-.221 1.776 1.776 0 00-1.035.26.822.822 0 00-.37.712m5.241 2.493a5.355 5.355 0 011.386-3.89 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.535 3.535 0 00.7 2.367 2.506 2.506 0 002.012.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.391 2.391 0 00-1.93-.813 2.44 2.44 0 00-1.987.852 3.707 3.707 0 00-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 011.016-2.555 3.56 3.56 0 012.6-1 5.949 5.949 0 01.751.043 3.025 3.025 0 01.577.13v2.016a2.381 2.381 0 00-.4-.164 2.106 2.106 0 00-.664-.1 1.405 1.405 0 00-1.126.457 2.015 2.015 0 00-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 00.332 1.29 1.329 1.329 0 001.045.375 1.569 1.569 0 00.486-.1 2.271 2.271 0 00.5-.231V18.3a2.765 2.765 0 01-.736.231 5.072 5.072 0 01-1.015.105 2.889 2.889 0 01-2.209-.784 3.341 3.341 0 01-.736-2.363z' fill='%23737373'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_more, .mectrl_theme_azure_hcdark .glyph_more, .mectrl_theme_dark .glyph_more, .mectrl_theme_gray .glyph_more, .mectrl_theme_off_black .glyph_more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23707070'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_chevron, .mectrl_theme_azure_hcdark .glyph_chevron, .mectrl_theme_dark .glyph_chevron, .mectrl_theme_gray .glyph_chevron, .mectrl_theme_off_black .glyph_chevron { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 3 16 10' fill='%23231F20'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_authApp_icon, .mectrl_theme_azure_hcdark .glyph_authApp_icon, .mectrl_theme_dark .glyph_authApp_icon, .mectrl_theme_gray .glyph_authApp_icon, .mectrl_theme_off_black .glyph_authApp_icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5a18.454 18.454 0 016 1v1c0 .984-.143 1.935-.43 2.852-.286.916-.69 1.768-1.21 2.554A9.725 9.725 0 016 16a9.595 9.595 0 01-2.46-1.484 9.65 9.65 0 01-1.892-2.102A10.245 10.245 0 01.43 9.867 9.113 9.113 0 010 7.023c0-.067.005-.145.016-.234l.03-.273c.011-.094.024-.185.04-.274A7.54 7.54 0 00.125 6c.964-.333 1.93-.583 2.898-.75C3.993 5.083 4.984 5 6 5zm2 7v-.25c0-.213-.031-.42-.094-.617a1.818 1.818 0 00-.28-.547 2.283 2.283 0 00-.43-.438 1.812 1.812 0 00-.555-.289c.265-.125.474-.31.625-.554.15-.245.229-.513.234-.805a1.505 1.505 0 00-.914-1.383A1.471 1.471 0 006 7a1.505 1.505 0 00-1.383.914A1.472 1.472 0 004.5 8.5c0 .292.076.56.227.805.15.244.362.43.632.554a1.94 1.94 0 00-.554.29c-.167.124-.31.27-.43.437-.12.167-.21.349-.273.547A2.219 2.219 0 004 11.75V12h4zM6 1.5c-.344 0-.667.065-.969.195-.302.13-.567.308-.797.532A2.477 2.477 0 003.5 4L2 4.25V4a3.948 3.948 0 011.172-2.82C3.537.82 3.96.534 4.445.32A3.81 3.81 0 016 0a3.948 3.948 0 012.82 1.172c.36.364.646.789.86 1.273A3.81 3.81 0 0110 4v.25L8.5 4c0-.344-.065-.667-.195-.969a2.603 2.603 0 00-.532-.797A2.477 2.477 0 006 1.5z' fill='%23000'/%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_authApp_close, .mectrl_theme_azure_hcdark .glyph_authApp_close, .mectrl_theme_dark .glyph_authApp_close, .mectrl_theme_gray .glyph_authApp_close, .mectrl_theme_off_black .glyph_authApp_close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.453 5L10 9.552 9.552 10 5 5.453.448 10 0 9.552 4.547 5 0 .448.448 0 5 4.547 9.552 0 10 .448 5.453 5z' fill='%23323130'/%3E%3C/svg%3E") } } @media screen and (-ms-high-contrast:white-on-black) { .glyph_msft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 01.419-.967 1.411 1.411 0 011-.39 1.392 1.392 0 011.02.4 1.3 1.3 0 01.405.957 1.249 1.249 0 01-.414.953 1.428 1.428 0 01-1.011.385A1.4 1.4 0 0147.25 6.6a1.263 1.263 0 01-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 001.145-.24 4.808 4.808 0 001.155-.636V18a4.659 4.659 0 01-1.266.481 6.9 6.9 0 01-1.554.163 4.707 4.707 0 01-4.918-4.907 5.644 5.644 0 011.4-3.932 5.054 5.054 0 013.955-1.545 5.42 5.42 0 011.324.169 4.4 4.4 0 011.063.39v2.232a4.73 4.73 0 00-1.1-.611 3.187 3.187 0 00-1.15-.217 2.918 2.918 0 00-2.223.9 3.366 3.366 0 00-.847 2.415 3.217 3.217 0 00.813 2.339 2.938 2.938 0 002.209.837m8.931-8.363a2.892 2.892 0 01.5.039 2.025 2.025 0 01.376.1v2.357a2.075 2.075 0 00-.535-.255 2.649 2.649 0 00-.851-.12 1.811 1.811 0 00-1.449.722 3.47 3.47 0 00-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 01.962-1.266 2.615 2.615 0 011.55-.457m1 5.254a5.355 5.355 0 011.387-3.887 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.53 3.53 0 00.7 2.367 2.5 2.5 0 002.011.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.39 2.39 0 00-1.929-.813 2.441 2.441 0 00-1.988.852 3.707 3.707 0 00-.707 2.43m11.2-2.416a1 1 0 00.317.785 5.431 5.431 0 001.405.716 4.768 4.768 0 011.959 1.256 2.608 2.608 0 01.563 1.689 2.718 2.718 0 01-1.073 2.243 4.565 4.565 0 01-2.9.846 6.962 6.962 0 01-1.362-.149 6.036 6.036 0 01-1.265-.38v-2.29a5.74 5.74 0 001.367.7 4.009 4.009 0 001.328.26 2.37 2.37 0 001.164-.221.792.792 0 00.375-.741 1.027 1.027 0 00-.389-.813 5.772 5.772 0 00-1.478-.766 4.56 4.56 0 01-1.828-1.212 2.657 2.657 0 01-.539-1.713 2.706 2.706 0 011.063-2.2 4.245 4.245 0 012.764-.862 6.669 6.669 0 011.164.116 5.131 5.131 0 011.078.3v2.214a4.943 4.943 0 00-1.078-.53 3.61 3.61 0 00-1.222-.221 1.776 1.776 0 00-1.035.26.822.822 0 00-.37.712m5.241 2.493a5.355 5.355 0 011.386-3.89 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.535 3.535 0 00.7 2.367 2.506 2.506 0 002.012.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.391 2.391 0 00-1.93-.813 2.44 2.44 0 00-1.987.852 3.707 3.707 0 00-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 011.016-2.555 3.56 3.56 0 012.6-1 5.949 5.949 0 01.751.043 3.025 3.025 0 01.577.13v2.016a2.381 2.381 0 00-.4-.164 2.106 2.106 0 00-.664-.1 1.405 1.405 0 00-1.126.457 2.015 2.015 0 00-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 00.332 1.29 1.329 1.329 0 001.045.375 1.569 1.569 0 00.486-.1 2.271 2.271 0 00.5-.231V18.3a2.765 2.765 0 01-.736.231 5.072 5.072 0 01-1.015.105 2.889 2.889 0 01-2.209-.784 3.341 3.341 0 01-.736-2.363z' fill='%23fff'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E") } .mectrl_signIn_circle_glyph { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23fff'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_aadAccount_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23fff' stroke='%23fff'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1112 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 01-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_account_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23fff'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1126.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E") } .glyph_chevron { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 3 16 10' fill='%23fff'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_authApp_icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5a18.454 18.454 0 016 1v1c0 .984-.143 1.935-.43 2.852a10.01 10.01 0 01-1.21 2.554A9.724 9.724 0 016 16a9.595 9.595 0 01-2.46-1.484 9.65 9.65 0 01-1.892-2.102A10.245 10.245 0 01.43 9.867 9.113 9.113 0 010 7.023c0-.067.005-.145.016-.234l.03-.273c.011-.094.024-.185.04-.274A7.54 7.54 0 00.125 6c.964-.333 1.93-.583 2.898-.75C3.993 5.083 4.984 5 6 5zm2 7v-.25c0-.213-.031-.42-.094-.617a1.818 1.818 0 00-.281-.547 2.283 2.283 0 00-.43-.438 1.812 1.812 0 00-.554-.289c.265-.125.474-.31.625-.554.15-.245.229-.513.234-.805a1.505 1.505 0 00-.914-1.383A1.472 1.472 0 006 7a1.505 1.505 0 00-1.383.914A1.472 1.472 0 004.5 8.5c0 .292.076.56.227.805.15.244.362.43.632.554a1.94 1.94 0 00-.554.29c-.167.124-.31.27-.43.437-.12.167-.21.349-.273.547A2.22 2.22 0 004 11.75V12h4zM6 1.5c-.344 0-.667.065-.969.195-.302.13-.567.308-.797.532A2.477 2.477 0 003.5 4L2 4.25V4a3.948 3.948 0 011.172-2.82C3.537.82 3.96.534 4.445.32A3.81 3.81 0 016 0a3.948 3.948 0 012.82 1.172c.36.364.646.789.86 1.273A3.81 3.81 0 0110 4v.25L8.5 4c0-.344-.065-.667-.195-.969a2.603 2.603 0 00-.532-.797A2.477 2.477 0 006 1.5z' fill='%23fff'/%3E%3C/svg%3E") } .glyph_authApp_close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.444 5l4.463 4.468-.44.44L5 5.443.532 9.907l-.44-.44L4.557 5 .093.532l.44-.44L5 4.557 9.468.093l.44.44L5.443 5z' fill='%23fff'/%3E%3C/svg%3E") } } @media screen and (-ms-high-contrast:black-on-white) { .glyph_text { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute } .mectrl_signIn_circle_glyph { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_aadAccount_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23707070' stroke='%23707070'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1112 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 01-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_account_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1126.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_msft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 01.419-.967 1.411 1.411 0 011-.39 1.392 1.392 0 011.02.4 1.3 1.3 0 01.405.957 1.249 1.249 0 01-.414.953 1.428 1.428 0 01-1.011.385A1.4 1.4 0 0147.25 6.6a1.263 1.263 0 01-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 001.145-.24 4.808 4.808 0 001.155-.636V18a4.659 4.659 0 01-1.266.481 6.9 6.9 0 01-1.554.163 4.707 4.707 0 01-4.918-4.907 5.644 5.644 0 011.4-3.932 5.054 5.054 0 013.955-1.545 5.42 5.42 0 011.324.169 4.4 4.4 0 011.063.39v2.232a4.73 4.73 0 00-1.1-.611 3.187 3.187 0 00-1.15-.217 2.918 2.918 0 00-2.223.9 3.366 3.366 0 00-.847 2.415 3.217 3.217 0 00.813 2.339 2.938 2.938 0 002.209.837m8.931-8.363a2.892 2.892 0 01.5.039 2.025 2.025 0 01.376.1v2.357a2.075 2.075 0 00-.535-.255 2.649 2.649 0 00-.851-.12 1.811 1.811 0 00-1.449.722 3.47 3.47 0 00-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 01.962-1.266 2.615 2.615 0 011.55-.457m1 5.254a5.355 5.355 0 011.387-3.887 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.53 3.53 0 00.7 2.367 2.5 2.5 0 002.011.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.39 2.39 0 00-1.929-.813 2.441 2.441 0 00-1.988.852 3.707 3.707 0 00-.707 2.43m11.2-2.416a1 1 0 00.317.785 5.431 5.431 0 001.405.716 4.768 4.768 0 011.959 1.256 2.608 2.608 0 01.563 1.689 2.718 2.718 0 01-1.073 2.243 4.565 4.565 0 01-2.9.846 6.962 6.962 0 01-1.362-.149 6.036 6.036 0 01-1.265-.38v-2.29a5.74 5.74 0 001.367.7 4.009 4.009 0 001.328.26 2.37 2.37 0 001.164-.221.792.792 0 00.375-.741 1.027 1.027 0 00-.389-.813 5.772 5.772 0 00-1.478-.766 4.56 4.56 0 01-1.828-1.212 2.657 2.657 0 01-.539-1.713 2.706 2.706 0 011.063-2.2 4.245 4.245 0 012.764-.862 6.669 6.669 0 011.164.116 5.131 5.131 0 011.078.3v2.214a4.943 4.943 0 00-1.078-.53 3.61 3.61 0 00-1.222-.221 1.776 1.776 0 00-1.035.26.822.822 0 00-.37.712m5.241 2.493a5.355 5.355 0 011.386-3.89 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.535 3.535 0 00.7 2.367 2.506 2.506 0 002.012.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.391 2.391 0 00-1.93-.813 2.44 2.44 0 00-1.987.852 3.707 3.707 0 00-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 011.016-2.555 3.56 3.56 0 012.6-1 5.949 5.949 0 01.751.043 3.025 3.025 0 01.577.13v2.016a2.381 2.381 0 00-.4-.164 2.106 2.106 0 00-.664-.1 1.405 1.405 0 00-1.126.457 2.015 2.015 0 00-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 00.332 1.29 1.329 1.329 0 001.045.375 1.569 1.569 0 00.486-.1 2.271 2.271 0 00.5-.231V18.3a2.765 2.765 0 01-.736.231 5.072 5.072 0 01-1.015.105 2.889 2.889 0 01-2.209-.784 3.341 3.341 0 01-.736-2.363z' fill='%23737373'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E") } .glyph_more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23707070'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E") } .glyph_chevron { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 3 16 10' fill='%23231F20'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_authApp_icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5a18.454 18.454 0 016 1v1c0 .984-.143 1.935-.43 2.852-.286.916-.69 1.768-1.21 2.554A9.725 9.725 0 016 16a9.595 9.595 0 01-2.46-1.484 9.65 9.65 0 01-1.892-2.102A10.245 10.245 0 01.43 9.867 9.113 9.113 0 010 7.023c0-.067.005-.145.016-.234l.03-.273c.011-.094.024-.185.04-.274A7.54 7.54 0 00.125 6c.964-.333 1.93-.583 2.898-.75C3.993 5.083 4.984 5 6 5zm2 7v-.25c0-.213-.031-.42-.094-.617a1.818 1.818 0 00-.28-.547 2.283 2.283 0 00-.43-.438 1.812 1.812 0 00-.555-.289c.265-.125.474-.31.625-.554.15-.245.229-.513.234-.805a1.505 1.505 0 00-.914-1.383A1.471 1.471 0 006 7a1.505 1.505 0 00-1.383.914A1.472 1.472 0 004.5 8.5c0 .292.076.56.227.805.15.244.362.43.632.554a1.94 1.94 0 00-.554.29c-.167.124-.31.27-.43.437-.12.167-.21.349-.273.547A2.219 2.219 0 004 11.75V12h4zM6 1.5c-.344 0-.667.065-.969.195-.302.13-.567.308-.797.532A2.477 2.477 0 003.5 4L2 4.25V4a3.948 3.948 0 011.172-2.82C3.537.82 3.96.534 4.445.32A3.81 3.81 0 016 0a3.948 3.948 0 012.82 1.172c.36.364.646.789.86 1.273A3.81 3.81 0 0110 4v.25L8.5 4c0-.344-.065-.667-.195-.969a2.603 2.603 0 00-.532-.797A2.477 2.477 0 006 1.5z' fill='%23000'/%3E%3C/svg%3E") } .glyph_authApp_close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.453 5L10 9.552 9.552 10 5 5.453.448 10 0 9.552 4.547 5 0 .448.448 0 5 4.547 9.552 0 10 .448 5.453 5z' fill='%23323130'/%3E%3C/svg%3E") } } .mectrl_profilepic { position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat } .mectrl_profilepic_initials { border: 1px solid #777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #mectrl_currentAccount_picture .mectrl_profilepic_initials { font-size: 32px } .mectrl_profilepic_initials.mectrl_initials { position: absolute; top: 1px; bottom: 1px; left: 1px; right: 1px; border-radius: 50% } .c-uhfh>.theme-dark .c-me .mectrl_profilepic_initials, .mectrl_theme_azure_hcdark .mectrl_profilepic_initials, .mectrl_theme_dark .mectrl_profilepic_initials, .mectrl_theme_gray .mectrl_profilepic_initials, .mectrl_theme_off_black .mectrl_profilepic_initials { border: 1px solid #fff; color: #fff } .mectrl_profilepic_button { position: relative } .mectrl_profilepic_button:hover::before { z-index: 1; content: ""; position: absolute; display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='%23fff' stroke='%23fff'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E"); background-size: 32px 32px; background-position: center center; background-repeat: no-repeat } @media screen and (-ms-high-contrast:black-on-white) { .mectrl_profilepic_button:hover::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' stroke='%23000'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E") } } @media screen and (-ms-high-contrast:white-on-black) { .mectrl_profilepic_button:hover::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='%230ff' stroke='%230ff'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E") } } .mectrl_profilepic_button:focus::before, .mectrl_profilepic_button:hover::before { background-color: rgba(0, 0, 0, .5) } @media screen and (-ms-high-contrast:black-on-white) { .mectrl_profilepic_button:focus::before, .mectrl_profilepic_button:hover::before { background-color: rgba(255, 255, 255, .5) } } @media screen and (-ms-high-contrast:white-on-black) { .mectrl_profilepic_button:focus::before, .mectrl_profilepic_button:hover::before { background-color: rgba(255, 255, 255, .5) } } .mectrl_theme_azure_hclight .mectrl_profilepic_button { -webkit-box-shadow: inset 0 0 0 1px; box-shadow: inset 0 0 0 1px } .mectrl_theme_azure_hclight .mectrl_profilepic_button:focus::before, .mectrl_theme_azure_hclight .mectrl_profilepic_button:hover::before { -webkit-box-shadow: inset 0 0 0 1px; box-shadow: inset 0 0 0 1px; -ms-high-contrast-adjust: none; color: #fff !important; border-color: #fff !important; outline-color: #fff !important; fill: #fff !important; background-color: purple } .mectrl_theme_azure_hcdark .mectrl_profilepic_button { -webkit-box-shadow: inset 0 0 0 1px; box-shadow: inset 0 0 0 1px } .mectrl_theme_azure_hcdark .mectrl_profilepic_button:focus::before, .mectrl_theme_azure_hcdark .mectrl_profilepic_button:hover::before { -webkit-box-shadow: inset 0 0 0 1px; box-shadow: inset 0 0 0 1px; -ms-high-contrast-adjust: none; color: #000 !important; border-color: #000 !important; outline-color: #000 !important; fill: #000 !important; background-color: #0ff } .mectrl_topHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 13px; width: 100%; height: 48px } .mectrl_topHeader .mectrl_profilepic { width: 32px; height: 32px; margin: 8px } .mectrl_topHeader .mectrl_header_text { max-width: 160px; line-height: 48px; vertical-align: top; font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif; font-size: 13px; padding-left: 12px; padding-right: 4px } .mectrl_topHeader .mectrl_header_text.noIcon { padding-right: 12px } .mectrl_topHeader { color: #333 } .c-uhfh>.theme-dark .c-me .mectrl_topHeader, .mectrl_theme_dark .mectrl_topHeader { color: #fff } .c-uhfh>.theme-dark .c-me .mectrl_header_text, .mectrl_theme_dark .mectrl_header_text { color: #fff } .mectrl_theme_dark.mectrl_theme_light_header .mectrl_topHeader { color: #333 } .mectrl_theme_azure_hclight .mectrl_topHeader { color: #000 } .mectrl_theme_azure_hcdark .mectrl_topHeader { color: #fff } .mectrl_theme_gray .mectrl_topHeader { color: #fff } .mectrl_theme_off_black .mectrl_topHeader { color: #fff } .mectrl_screen_reader_text { display: inline-block; position: absolute; width: 1px; height: 1px; overflow: hidden; color: #000 } .c-uhfh>.theme-dark .c-me .mectrl_screen_reader_text, .mectrl_theme_azure_hcdark .mectrl_screen_reader_text, .mectrl_theme_dark .mectrl_screen_reader_text, .mectrl_theme_dark_header .mectrl_screen_reader_text, .mectrl_theme_gray .mectrl_screen_reader_text, .mectrl_theme_off_black .mectrl_screen_reader_text { color: #fff } span[id^=mectrl_tooltip].mectrl_tooltip { display: block; visibility: hidden; position: fixed; z-index: 1300000; max-width: 260px; padding: 4px; font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif; font-size: 12px; line-height: normal; text-align: center; word-break: break-all; overflow-wrap: break-word; border: 1px solid #ccc; color: #333; background-color: #fff; -webkit-box-shadow: 2px 2px 2px #777; box-shadow: 2px 2px 2px #777; pointer-events: none } .mectrl_truncate, a.mectrl_truncate, button.mectrl_truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .mectrl_root, .mectrl_root div { font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif; line-height: normal } .mectrl_root *, .mectrl_root div * { -webkit-box-sizing: border-box; box-sizing: border-box } a.mectrl_trigger { display: inline-block } .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner, .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner_parent, .c-uhfh>.theme-dark .c-me .mectrl_authApp_close{ background-color: #004377; color: #fff } .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner:hover, .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner_parent:hover, .c-uhfh>.theme-dark .c-me .mectrl_authApp_close:hover{ background-color: #005ba1 } .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner:focus, .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner_parent:focus, .c-uhfh>.theme-dark .c-me .mectrl_authApp_close:focus{ background-color: #005ba1; border: 1px dashed #fff; -webkit-box-sizing: border-box; box-sizing: border-box } .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner:active, .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner_parent:active, .c-uhfh>.theme-dark .c-me .mectrl_authApp_close:active { background-color: #006cbe } .mectrl_theme_azure_hclight .mectrl_authApp_banner, .mectrl_theme_azure_hclight .mectrl_authApp_close { background-color: #e5e5e5; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000 } .mectrl_theme_azure_hclight .mectrl_authApp_banner:active, .mectrl_theme_azure_hclight .mectrl_authApp_banner:focus, .mectrl_theme_azure_hclight .mectrl_authApp_banner:hover, .mectrl_theme_azure_hclight .mectrl_authApp_close:active, .mectrl_theme_azure_hclight .mectrl_authApp_close:focus, .mectrl_theme_azure_hclight .mectrl_authApp_close:hover { background-color: #751a7c; color: #fff } .mectrl_theme_azure_hcdark .mectrl_authApp_banner, .mectrl_theme_azure_hcdark .mectrl_authApp_close { background-color: #1a1a1a; border: 1px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff } .mectrl_theme_azure_hcdark .mectrl_authApp_banner:active, .mectrl_theme_azure_hcdark .mectrl_authApp_banner:focus, .mectrl_theme_azure_hcdark .mectrl_authApp_banner:hover, .mectrl_theme_azure_hcdark .mectrl_authApp_close:active, .mectrl_theme_azure_hcdark .mectrl_authApp_close:focus, .mectrl_theme_azure_hcdark .mectrl_authApp_close:hover { background-color: #73fbfd; color: #000 } @media screen and (max-width: 1023px) { .mectrl_header_text { display:none; } } </style> <script> (function(webapi, $){ function safeAjax(ajaxOptions) { var deferredAjax = $.Deferred(); shell.getTokenDeferred().done(function (token) { // add headers for ajax if (!ajaxOptions.headers) { $.extend(ajaxOptions, { headers: { "__RequestVerificationToken": token } }); } else { ajaxOptions.headers["__RequestVerificationToken"] = token; } $.ajax(ajaxOptions) .done(function(data, textStatus, jqXHR) { validateLoginSession(data, textStatus, jqXHR, deferredAjax.resolve); }).fail(deferredAjax.reject); //ajax }).fail(function () { deferredAjax.rejectWith(this, arguments); // on token failure, pass the token ajax and args }); return deferredAjax.promise(); } webapi.safeAjax = safeAjax; })(window.webapi = window.webapi || {}, jQuery) </script> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"> </div></div> <script src="/survey.lib.min.js"></script> <survey-sdk id="mySurvey"> </survey-sdk>     <script type="text/javascript"> function GetPaginationLinks(webtemplate, parameters, callbackFunction) { var url = "/paginationapi/?webtemplate=" + webtemplate + "&" + parameters; shell.ajaxSafePost({ type: 'GET', url: url, global: false, success: function (data, textStatus, jqXHR) { if (callbackFunction != null && callbackFunction != undefined && typeof (callbackFunction) == 'function') { callbackFunction(data); } } }).fail(function (jqXhr) { var contentType = jqXhr.getResponseHeader("content-type"); if (contentType == null || contentType == 'undefined' || contentType == undefined) { console.error($.parseJSON(jqXhr)); } else { var error = contentType.indexOf("json") > -1 ? $.parseJSON(jqXhr.responseText) : { Message: jqXhr.status, InnerError: { Message: jqXhr.statusText } }; console.error(error); } }).always(function () { }); } $(document).ready(function () { FormatDateTime(); }); // for RTE description image max height set $(".wrapper-discussionbody>div>img").attr("style","width:auto;max-height:500px"); </script> <script> $(window).on("load", function() { var copilot = document.getElementsByClassName("pva-floating-style")[0]; if(typeof(copilot) != "undefined") { // remove all chid copilot.parentNode.removeChild(copilot); } }); </script> <script> $(document).ready(function() { var aiSessionIds = ''; //Capturing seesionID var originalOpen = XMLHttpRequest.prototype.open; var originalSend = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.open = function(method, url) { this._url = url; originalOpen.apply(this, arguments); }; XMLHttpRequest.prototype.send = function(body) { if (this._url && this._url.includes('track')) { if (body != '' || body != undefined) { try { var payload = JSON.parse(body); $.each(payload, function(index, entry) { if (entry.tags && entry.tags["ai.session.id"]) { aiSessionIds = entry.tags["ai.session.id"]; $('#session-tooltip #tooltip-text #session-value').text(aiSessionIds); } }); //console.log('ai.session.id values:', aiSessionIds); } catch (e) { console.error('Failed to parse payload as JSON:', e); } } } originalSend.apply(this, arguments); }; //Capturing seein id ends //var sessionParentDivLeft = $('#sessionId').position().left; //var sessionParentDivTop = $('#sessionId').position().top; $('#show-tooltip-btn').click(function(event) { var tooltip = $('#session-tooltip'); tooltip.css({ display: 'block', top: 0 + 'px', right: 63 + 'px' }); }); $('#copy-btn').click(function() { //var textToCopy = $('#tooltip-text').text(); var tempInput = $('<input>'); $('body').append(tempInput); tempInput.val(aiSessionIds).select(); document.execCommand('copy'); tempInput.remove(); $('#session-tooltip').hide(); }); $('#closeSeesion').click(function(){ $('#session-tooltip').hide(); }); // Hide session-tooltip when clicking outside $(document).click(function(event) { if (!$(event.target).closest('#show-tooltip-btn, #session-tooltip').length) { $('#session-tooltip').hide(); } }); }); </script> <script type="text/javascript"> function trackCopilotCustomUsage(botSchema) { const request = { botSchemaName: botSchema } var json = JSON.stringify(request); shell.ajaxSafePost({ type: "POST", contentType: "application/json", url: "/_services/copilot/TrackUsage", data: json }).done(function () { }).fail(function (jqXhr) { }); } function findAndLogCustomCopilotUsage() { const pageSource = document.documentElement.outerHTML; const customPvaBotWebchatRegex = /api\.(preprod\.|test\.)?powerplatform\.(com|us|cn|appsplatform\.us)\/powervirtualagents\/botsbyschema\/([^/]+)\/directline\/token/; const customPvaBotIframeRegex = /powerva\.microsoft\.com\/environments\/([0-9a-fA-F\-]+)\/bots\/([^/]+)\/webchat/; const omniChannelRegex = /livechatwidget\/scripts\/LiveChatBootstrapper\.js/; const matchPvaBotWebchat = pageSource.match(customPvaBotWebchatRegex); if (matchPvaBotWebchat && matchPvaBotWebchat[3]) { trackCopilotCustomUsage(matchPvaBotWebchat[3]); } const matchPvaBotIframe = pageSource.match(customPvaBotIframeRegex); if (matchPvaBotIframe && matchPvaBotIframe[2]) { trackCopilotCustomUsage(matchPvaBotIframe[2]); } const matchOmniChannel = pageSource.match(omniChannelRegex); if (matchOmniChannel && matchOmniChannel[0]) { trackCopilotCustomUsage("omnichannelWidget"); } } window.addEventListener("load", function () { findAndLogCustomCopilotUsage(); }); </script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/bootstrap.bundle-105a4995b8.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/bootstrap.bundle-105a4995b8.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/postpreform.bundle-184c77da50.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/postpreform.bundle-184c77da50.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/app.bundle-a9e4fdb602.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/app.bundle-a9e4fdb602.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/default-1033.moment_2_29_4.bundle-eda4e638fd.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/default-1033.moment_2_29_4.bundle-eda4e638fd.js" type="text/javascript"></script>   <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "51am0f4oep"); </script> <script type="text/javascript"> !(function (cfg){function e(){cfg.onInit&&cfg.onInit(n)}var x,w,D,t,E,n,C=window,O=document,b=C.location,q="script",I="ingestionendpoint",L="disableExceptionTracking",j="ai.device.";"instrumentationKey"[x="toLowerCase"](),w="crossOrigin",D="POST",t="appInsightsSDK",E=cfg.name||"appInsights",(cfg.name||C[t])&&(C[t]=E),n=C[E]||function(g){var f=!1,m=!1,h={initialize:!0,queue:[],sv:"8",version:2,config:g};function v(e,t){var n={},i="Browser";function a(e){e=""+e;return 1===e.length?"0"+e:e}return n[j+"id"]=i[x](),n[j+"type"]=i,n["ai.operation.name"]=b&&b.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(h.sv||h.version),{time:(i=new Date).getUTCFullYear()+"-"+a(1+i.getUTCMonth())+"-"+a(i.getUTCDate())+"T"+a(i.getUTCHours())+":"+a(i.getUTCMinutes())+":"+a(i.getUTCSeconds())+"."+(i.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z",iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}},ver:undefined,seq:"1",aiDataContract:undefined}}var n,i,t,a,y=-1,T=0,S=["js.monitor.azure.com","js.cdn.applicationinsights.io","js.cdn.monitor.azure.com","js0.cdn.applicationinsights.io","js0.cdn.monitor.azure.com","js2.cdn.applicationinsights.io","js2.cdn.monitor.azure.com","az416426.vo.msecnd.net"],o=g.url||cfg.src,r=function(){return s(o,null)};function s(d,t){if((n=navigator)&&(~(n=(n.userAgent||"").toLowerCase()).indexOf("msie")||~n.indexOf("trident/"))&&~d.indexOf("ai.3")&&(d=d.replace(/(\/)(ai\.3\.)([^\d]*)$/,function(e,t,n){return t+"ai.2"+n})),!1!==cfg.cr)for(var e=0;e<S.length;e++)if(0<d.indexOf(S[e])){y=e;break}var n,i=function(e){var a,t,n,i,o,r,s,c,u,l;h.queue=[],m||(0<=y&&T+1<S.length?(a=(y+T+1)%S.length,p(d.replace(/^(.*\/\/)([\w\.]*)(\/.*)$/,function(e,t,n,i){return t+S[a]+i})),T+=1):(f=m=!0,s=d,!0!==cfg.dle&&(c=(t=function(){var e,t={},n=g.connectionString;if(n)for(var i=n.split(";"),a=0;a<i.length;a++){var o=i[a].split("=");2===o.length&&(t[o[0][x]()]=o[1])}return t[I]||(e=(n=t.endpointsuffix)?t.location:null,t[I]="https://"+(e?e+".":"")+"dc."+(n||"services.visualstudio.com")),t}()).instrumentationkey||g.instrumentationKey||"",t=(t=(t=t[I])&&"/"===t.slice(-1)?t.slice(0,-1):t)?t+"/v2/track":g.endpointUrl,t=g.userOverrideEndpointUrl||t,(n=[]).push((i="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",o=s,u=t,(l=(r=v(c,"Exception")).data).baseType="ExceptionData",l.baseData.exceptions=[{typeName:"SDKLoadFailed",message:i.replace(/\./g,"-"),hasFullStack:!1,stack:i+"\nSnippet failed to load ["+o+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(b&&b.pathname||"_unknown_")+"\nEndpoint: "+u,parsedStack:[]}],r)),n.push((l=s,i=t,(u=(o=v(c,"Message")).data).baseType="MessageData",(r=u.baseData).message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+l+")").replace(/\"/g,"")+'"',r.properties={endpoint:i},o)),s=n,c=t,JSON&&((u=C.fetch)&&!cfg.useXhr?u(c,{method:D,body:JSON.stringify(s),mode:"cors"}):XMLHttpRequest&&((l=new XMLHttpRequest).open(D,c),l.setRequestHeader("Content-type","application/json"),l.send(JSON.stringify(s)))))))},a=function(e,t){m||setTimeout(function(){!t&&h.core||i()},500),f=!1},p=function(e){var n=O.createElement(q),e=(n.src=e,t&&(n.integrity=t),n.setAttribute("data-ai-name",E),cfg[w]);return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=a,n.onerror=i,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||a(0,t)},cfg.ld&&cfg.ld<0?O.getElementsByTagName("head")[0].appendChild(n):setTimeout(function(){O.getElementsByTagName(q)[0].parentNode.appendChild(n)},cfg.ld||0),n};p(d)}cfg.sri&&(n=o.match(/^((http[s]?:\/\/.*\/)\w+(\.\d+){1,5})\.(([\w]+\.){0,2}js)$/))&&6===n.length?(d="".concat(n[1],".integrity.json"),i="@".concat(n[4]),l=window.fetch,t=function(e){if(!e.ext||!e.ext[i]||!e.ext[i].file)throw Error("Error Loading JSON response");var t=e.ext[i].integrity||null;s(o=n[2]+e.ext[i].file,t)},l&&!cfg.useXhr?l(d,{method:"GET",mode:"cors"}).then(function(e){return e.json()["catch"](function(){return{}})}).then(t)["catch"](r):XMLHttpRequest&&((a=new XMLHttpRequest).open("GET",d),a.onreadystatechange=function(){if(a.readyState===XMLHttpRequest.DONE)if(200===a.status)try{t(JSON.parse(a.responseText))}catch(e){r()}else r()},a.send())):o&&r();try{h.cookie=O.cookie}catch(k){}function e(e){for(;e.length;)!function(t){h[t]=function(){var e=arguments;f||h.queue.push(function(){h[t].apply(h,e)})}}(e.pop())}var c,u,l="track",d="TrackPage",p="TrackEvent",l=(e([l+"Event",l+"PageView",l+"Exception",l+"Trace",l+"DependencyData",l+"Metric",l+"PageViewPerformance","start"+d,"stop"+d,"start"+p,"stop"+p,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),h.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4},(g.extensionConfig||{}).ApplicationInsightsAnalytics||{});return!0!==g[L]&&!0!==l[L]&&(e(["_"+(c="onerror")]),u=C[c],C[c]=function(e,t,n,i,a){var o=u&&u(e,t,n,i,a);return!0!==o&&h["_"+c]({message:e,url:t,lineNumber:n,columnNumber:i,error:a,evt:C.event}),o},g.autoExceptionInstrumented=!0),h}(cfg.cfg),(C[E]=n).queue&&0===n.queue.length?(n.queue.push(e),n.trackPageView({})):e();})({ src: "https://js.monitor.azure.com/scripts/b/ai.3.gbl.min.js", // name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied // ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout, // useXhr: 1, // Use XHR instead of fetch to report failures (if available), // dle: true, // Prevent the SDK from reporting load failure log crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag // onInit: null, // Once the application insights instance has loaded and initialized this callback function will be called with 1 argument -- the sdk instance (DON'T ADD anything to the sdk.queue -- As they won't get called) // sri: false, // Custom optional value to specify whether fetching the snippet from integrity file and do integrity check cfg: { // Application Insights Configuration connectionString: "InstrumentationKey=9acb8631-eefe-478f-98f8-e29e5a437257;IngestionEndpoint=https://westus2-2.in.applicationinsights.azure.com/;LiveEndpoint=https://westus2.livediagnostics.monitor.azure.com/;ApplicationId=8202c2a0-d1d5-4a31-840e-752d9788384c" }}); appInsights.clearAuthenticatedUserContext(); </script> <script> //this event will update the title of the page based on active breadcrumb $('.breadcrumb').ready(function () { if ($('.breadcrumb').is(':visible')) { document.querySelector('title').innerHTML = ($('.breadcrumb > li.active').text() + ""); } }); function GoToNewEditor() { var editCmsUrlSegment = "EditInCms"; var currentUrl = window.location.href; if (currentUrl.indexOf('?') > -1) { var urlSegments = currentUrl.split("?"); window.location.href = window.location.origin + '/' + editCmsUrlSegment + window.location.pathname + '?' + urlSegments[1]; } else { window.location.href = window.location.origin + '/' + editCmsUrlSegment + window.location.pathname; } } </script> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.getRegistrations().then(function(registrations) { for(let registration of registrations) { registration.unregister(); }}).catch(function(err) { console.log('Service Worker unregister action failed: ', err); }); } </script>  </body> </html>

CINXE.COM

My Profile | Microsoft Dynamics 365 Community