Přizpůsobení uživatelského rozhraní pomocí šablon HTML v Azure Active Directory B2C

Důležité

Od 1. května 2025 už nebude Azure AD B2C k dispozici k nákupu pro nové zákazníky. Další informace najdete v našich nejčastějších dotazech.

Než začnete, pomocí selektoru Zvolit typ zásady v horní části této stránky zvolte typ zásady, kterou nastavujete. Azure Active Directory B2C nabízí dvě metody pro definování způsobu interakce uživatelů s vašimi aplikacemi: prostřednictvím předdefinovaných toků uživatelů nebo prostřednictvím plně konfigurovatelných vlastních zásad. Kroky vyžadované v tomto článku se pro každou metodu liší.

Branding a přizpůsobení uživatelského rozhraní, které Azure Active Directory B2C (Azure AD B2C) zobrazuje vašim zákazníkům, pomáhá zajistit bezproblémové uživatelské prostředí ve vaší aplikaci. Mezi tato prostředí patří registrace, přihlášení, úpravy profilu a resetování hesla. Tento článek představuje metody přizpůsobení uživatelského rozhraní (UI).

Návod

Pokud chcete změnit jen bannerové logo, obrázek pozadí a barvu pozadí uživatelských toků, můžete vyzkoušet funkci firemního brandingu.

Přehled individuálního HTML a CSS

Azure AD B2C spouští kód v prohlížeči zákazníka pomocí Sdílení prostředků mezi zdroji (CORS). Za běhu se obsah načte z adresy URL, kterou zadáte v toku uživatele nebo vlastních zásadách. Každá stránka v uživatelském prostředí načte svůj obsah z adresy URL, kterou pro tuto stránku zadáte. Po načtení obsahu z adresy URL se sloučí s fragmentem HTML vloženým Azure AD B2C a pak se stránka zobrazí zákazníkovi.

Vlastní okraj obsahu stránky

Vlastní obsah stránky HTML

Vytvořte stránku HTML s vlastním brandingem, která bude sloužit vašemu vlastnímu obsahu stránky. Tato stránka může být statická *.html nebo dynamická stránka, jako je .NET, Node.jsnebo PHP, ale Azure B2C nepodporuje žádné moduly zobrazení. Veškeré vykreslování dynamické stránky na straně serveru musí provádět vyhrazená webová aplikace.

Vlastní obsah stránky může obsahovat jakékoli prvky HTML, včetně šablon stylů CSS a JavaScriptu, ale nemůže obsahovat nezabezpečené prvky, jako jsou elementy iframe. Jediným povinným prvkem je element div s id nastavena na api, jako například tento <div id="api"></div> na vaší stránce HTML.

<!DOCTYPE html>
<html>
<head>
    <title>My Product Brand Name</title>
</head>
<body>
    <div id="api"></div>
</body>
</html>

Přizpůsobte výchozí stránky Azure AD B2C

Místo vytváření vlastního obsahu stránky úplně od začátku můžete přizpůsobit výchozí obsah stránky Azure AD B2C.

Následující tabulka uvádí výchozí obsah stránky poskytovaný Azure AD B2C. Stáhněte si soubory a použijte je jako výchozí bod pro vytváření vlastních stránek. Informace o tom, jak si můžete stáhnout a používat ukázkové šablony, najdete v ukázkových šablonách .

Stránka Popis Šablony
Sjednocená registrace nebo přihlášení Tato stránka zpracovává proces registrace a přihlášení uživatele. Uživatelé můžou používat zprostředkovatele podnikových identit, zprostředkovatele sociálních identit, jako je Facebook, účet Microsoft nebo místní účty. Classic, Ocean Blue a Slate Gray.
Přihlášení (jenom) Přihlašovací stránka se také označuje jako výběr zprostředkovatele identity. Zpracovává přihlášení uživatele pomocí místního účtu nebo zprostředkovatelů federovaných identit. Na této stránce můžete povolit přihlášení bez možnosti registrace. Například před tím, než uživatel může upravit svůj profil. Classic, Ocean Blue a Slate Gray.
Sebe-potvrzené Většina interakcí v Azure AD B2C, v nichž se očekává, že uživatel poskytne vstup, je realizována jako samostatně ověřená. Například registrační stránku, přihlašovací stránku nebo stránku pro resetování hesla. Tuto šablonu použijte jako vlastní obsah stránky pro registrační stránku sociálních účtů, přihlašovací stránku místního účtu, přihlašovací stránku místního účtu, resetování hesla, úpravu profilu, blokovou stránku a další. Stránka samostatná může obsahovat různé vstupní ovládací prvky, například textové vstupní pole, pole pro zadání hesla, rádiové tlačítko, rozevírací pole s jedním výběrem a zaškrtávací políčka umožňující více výběrů. Classic, Ocean Blue a Slate Gray.
Vícefaktorové ověřování Na této stránce můžou uživatelé během registrace nebo přihlášení ověřit svá telefonní čísla (pomocí textu nebo hlasu). Classic, Ocean Blue a Slate Gray.
Chyba Tato stránka se zobrazí, když dojde k výjimce nebo chybě. Classic, Ocean Blue a Slate Gray.

Hostování obsahu stránky

Při použití vlastních souborů HTML a CSS k přizpůsobení uživatelského rozhraní hostujte obsah uživatelského rozhraní na libovolném veřejně dostupném koncovém bodu HTTPS, který podporuje CORS. Například Azure Blob Storage, Azure App Services, webové servery, sítě CDN, AWS S3 nebo systémy sdílení souborů.

Pokyny pro používání vlastního obsahu stránky

  • Absolutní adresu URL použijte, když do souboru HTML zahrnete externí prostředky, jako jsou média, css a soubory JavaScriptu.

  • Pomocí verze rozvržení stránky 1.2.0 a vyšší můžete přidat data-preload="true" atribut ke značkám HTML pro řízení pořadí načítání šablon stylů CSS a JavaScriptu. Stránka je s použitím data-preload="true" sestavena před tím, než je zobrazena uživateli. Tento atribut pomáhá zabránit tomu, aby stránka "blikala" tak, že předem načte soubor CSS, aniž by se uživateli zobrazoval neoznačené HTML. Následující fragment kódu HTML ukazuje použití značky data-preload .

    <link href="https://path-to-your-file/sample.css" rel="stylesheet" type="text/css" data-preload="true"/>

  • Doporučujeme začít s výchozím obsahem stránky a rozšířit ho.

  • Do vlastního obsahu můžete zahrnout JavaScript .

  • Podporované verze prohlížeče:

    • Internet Explorer 11, 10 a Microsoft Edge
    • Omezená podpora pro Internet Explorer 9 a 8
    • Google Chrome 42.0 a novější
    • Mozilla Firefox 38.0 a vyšší
    • Safari pro iOS a macOS verze 12 a novější

  • Kvůli omezením zabezpečení Azure AD B2C nepodporuje elementy HTML frame, iframe nebo form HTML.

Lokalizace obsahu

Obsah HTML můžete lokalizovat povolením přizpůsobení jazyka v tenantovi Azure AD B2C. Povolení této funkce umožňuje Azure AD B2C nastavit atribut jazyka stránky HTML a předat parametr OpenID Connect ui_locales do koncového bodu.

Přístup s jednou šablonou

Během načítání stránky Azure AD B2C nastaví atribut jazyka html stránky s aktuálním jazykem. Například: <html lang="en">. Pokud chcete vykreslit různé styly podle aktuálního jazyka, použijte selektor :lang CSS spolu s definicí šablon stylů CSS.

Následující příklad definuje následující třídy:

  • imprint-en - Používá se, když je aktuální jazyk angličtina.
  • imprint-de - Používá se, když je aktuální jazyk němčina.
  • imprint - Výchozí třída, která se používá, když aktuální jazyk není angličtina nebo němčina.
.imprint-en:lang(en),
.imprint-de:lang(de) {
    display: inherit !important;
}
.imprint {
    display: none;
}

Následující prvky HTML jsou zobrazeny podle jazyka stránky:

<a class="imprint imprint-en" href="Link EN">Imprint</a>
<a class="imprint imprint-de" href="Link DE">Impressum</a>

Přístup s více šablonami

Funkce přizpůsobení jazyka umožňuje Azure AD B2C předat do koncového bodu parametr OpenID Connect ui_locales. Server obsahu může tento parametr použít k poskytování jazykových stránek HTML.

Poznámka:

Azure AD B2C nepředává parametry OpenID Connect, jako je ui_locales, do stránek exception.

Obsah lze načíst z různých míst na základě použité lokalizace. V koncovém bodu s podporou CORS nastavíte strukturu složek pro hostování obsahu pro konkrétní jazyky. Pokud použijete hodnotu se zástupným znakem {Culture:RFC5646}, zavoláte správnou možnost.

Váš vlastní identifikátor URI stránky může vypadat například takto:

https://contoso.blob.core.windows.net/{Culture:RFC5646}/myHTML/unified.html

Stránku můžete načíst ve francouzštině načtením obsahu z:

https://contoso.blob.core.windows.net/fr/myHTML/unified.html

Návod k vlastnímu obsahu stránky

Tady je přehled tohoto procesu:

  1. Připravte umístění pro hostování vlastního obsahu stránky (veřejně přístupný koncový bod HTTPS s podporou CORS).
  2. Stáhněte a přizpůsobte výchozí soubor obsahu stránky, například unified.html.
  3. Publikujte obsah vlastní stránky na veřejně dostupném koncovém bodu HTTPS.
  4. Nastavte sdílení prostředků mezi zdroji (CORS) pro vaši webovou aplikaci.
  5. Nasměrujte svou zásadu na identifikátor URI vlastního obsahu.

Požadavky

1. Vytvoření obsahu HTML

Vytvořte vlastní obsah stránky s názvem značky vašeho produktu v názvu.

  1. Zkopírujte následující fragment kódu HTML. Je to dobře formátovaný HTML5 s prázdným prvkem s názvem <div id="api"></div> umístěným ve <značkách těla> . Tento prvek označuje, kam se má vložit obsah Azure AD B2C.

    <!DOCTYPE html>
<html>
<head>
    <title>My Product Brand Name</title>
</head>
<body>
    <div id="api"></div>
</body>
</html>

  2. Vložení zkopírovaného fragmentu kódu do textového editoru

  3. Pomocí šablon stylů CSS můžete stylovat prvky uživatelského rozhraní, které Azure AD B2C vloží na stránku. Následující příklad ukazuje jednoduchý soubor CSS, který obsahuje také nastavení pro elementy HTML vložené do registrace:

    h1 {
  color: blue;
  text-align: center;
}
.intro h2 {
  text-align: center;
}
.entry {
  width: 400px ;
  margin-left: auto ;
  margin-right: auto ;
}
.divider h2 {
  text-align: center;
}
.create {
  width: 400px ;
  margin-left: auto ;
  margin-right: auto ;
}

  4. Uložte soubor jako customize-ui.html.

Poznámka:

Prvky formuláře HTML jsou odebrány z důvodu omezení zabezpečení, pokud používáte login.microsoftonline.com. Pokud chcete ve vlastním obsahu HTML použít prvky formuláře HTML, použijte b2clogin.com.

2. Vytvoření účtu Azure Blob Storage

V tomto článku používáme k hostování obsahu úložiště objektů blob Azure. Můžete se rozhodnout hostovat obsah na webovém serveru, ale na webovém serveru musíte povolit CORS.

Poznámka:

V Azure AD B2C tenantu nemůžete zřídit úložiště Blob. Tento prostředek musíte vytvořit ve svém prostředí Microsoft Entra.

Pokud chcete hostovat obsah HTML v úložišti objektů blob, postupujte následovně:

  1. Přihlaste se k portálu Azure.
  2. Pokud máte přístup k více tenantům, v horní nabídce vyberte ikonu Nastavení a přepněte do svého tenanta Microsoft Entra ID z nabídky Adresářů a předplatných.
  3. Na portálu Azure vyhledejte a vyberte účty Storage
  4. Vyberte + Vytvořit.
  5. Vyberte předplatné pro váš úložný účet.
  6. Vytvořte skupinu prostředků nebo vyberte existující.
  7. Zadejte jedinečný název účtu úložiště pro váš účet úložiště.
  8. Vyberte geografickou oblast vašeho účtu úložiště.
  9. Výkon může zůstat standardní.
  10. Redundance může zůstat geograficky redundantní úložiště (GRS)
  11. Vyberte Zkontrolovat a vytvořit a počkejte několik sekund, než Microsoft Entra ID spustí ověřování.
  12. Vyberte Vytvořit pro vytvoření účtu úložiště. Po dokončení nasazení se stránka úložiště otevře automaticky, nebo musíte vybrat Přejít k prostředku.

2.1 Vytvoření kontejneru

Pokud chcete ve službě Blob Storage vytvořit veřejný kontejner, proveďte následující kroky:

  1. V části Nastavení v nabídce úplně vlevo vyberte Konfigurace.
  2. Povolte anonymní přístup k Blobům.
  3. Vyberte Uložit.
  4. V části Úložiště dat v nabídce vlevo vyberte Kontejnery.
  5. Vyberte + Kontejner.
  6. Do pole Název zadejte kořen. Název může být název vašeho výběru, například contoso, ale pro zjednodušení používáme kořen v tomto příkladu.
  7. Pro úroveň veřejného přístupu vyberte Blob. Výběrem možnosti Objekt blob povolíte anonymní veřejný přístup pouze pro čtení pro tento kontejner.
  8. Výběrem možnosti Vytvořit vytvořte kontejner.
  9. Výběrem kořenového adresáře otevřete nový kontejner.

2.2 Nahrání vlastních souborů obsahu stránky

  1. Vyberte Nahrát.
  2. Vyberte ikonu složky vedle položky Vybrat soubor.
  3. Přejděte na customize-ui.html a vyberte, kterou jste vytvořili dříve v části Přizpůsobení uživatelského rozhraní stránky.
  4. Pokud chcete nahrát do podsložky, rozbalte položku Upřesnit a zadejte název složky do složky Nahrát do složky.
  5. Vyberte Nahrát.
  6. Vyberte customize-ui.html objekt blob, který jste nahráli.
  7. Napravo od textového pole adresa URL vyberte ikonu Kopírovat do schránky a zkopírujte adresu URL do schránky.
  8. Ve webovém prohlížeči přejděte na adresu URL, kterou jste zkopírovali, a ověřte, že je objekt blob, který jste nahráli, přístupný. Pokud je například nepřístupný, například pokud dojde k ResourceNotFound chybě, ujistěte se, že je typ přístupu kontejneru nastavený na objekt blob.

3. Konfigurace CORS

Nakonfigurujte úložiště objektů blob pro sdílení prostředků mezi zdroji provedením následujících kroků:

  1. Přejděte ke svému účtu úložiště.
  2. V nabídce vlevo v části Nastavení vyberte Sdílení prostředků (CORS).
  3. Pro Povolené zdroje zadejte https://your-tenant-name.b2clogin.com. Nahraďte your-tenant-name názvem vašeho tenanta Azure AD B2C. Například: https://fabrikam.b2clogin.com. Při zadávání názvu tenanta používejte všechna malá písmena.
  4. Pro povolené metody vyberte obě GET a OPTIONS.
  5. Jako povolené hlavičky zadejte hvězdičku (*).
  6. Pro vystavené hlavičky zadejte hvězdičku (*).
  7. Do maximálního věku zadejte 200.
  8. V horní části stránky vyberte Uložit.

3.1 Testování CORS

Ověřte, že jste připravení, a to provedením následujících kroků:

  1. Opakujte krok KONFIGURACE CORS. V případě povolených zdrojů zadejte https://www.test-cors.org
  2. Přejděte na www.test-cors.org
  3. Do pole Vzdálená adresa URL vložte adresu URL souboru HTML. Například https://your-account.blob.core.windows.net/root/azure-ad-b2c/unified.html
  4. Vyberte Odeslat žádost. Výsledek by měl být XHR status: 200. Pokud se zobrazí chyba, ujistěte se, že je nastavení CORS správné. Možná budete muset vymazat mezipaměť prohlížeče nebo otevřít relaci procházení v privátním režimu stisknutím kombinace kláves Ctrl+Shift+P.

Přečtěte si další informace o tom, jak vytvářet a spravovat účty úložiště Azure.

4. Aktualizace toku uživatele

  1. Pokud máte přístup k více tenantům, v horní nabídce vyberte ikonu Nastavení a přepněte do tenanta Azure AD B2C z nabídky Directories + subscriptions.
  2. Na portálu Azure vyhledejte a vyberte Azure AD B2C.
  3. V nabídce vlevo vyberte Toky uživatelů a pak vyberte B2C_1_signupsignin1 uživatelský tok.
  4. Vyberte Rozložení stránky a potom v části Sjednocená registrace nebo přihlašovací stránka vyberte Ano pro použití vlastního obsahu stránky.
  5. Do pole Vlastní identifikátor URI stránky zadejte identifikátor URI pro custom-ui.html soubor, který jste si poznamenali dříve.
  6. V horní části stránky vyberte Uložit.

5. Testování toku uživatele

  1. V tenantovi Azure AD B2C vyberte Toky uživatelů a vyberte uživatelský tok B2C_1_signupsignin1.
  2. V horní části stránky vyberte Run user flow.
  3. V podokně na pravé straně vyberte tlačítko Spustit tok uživatele .

Měla by se zobrazit stránka podobná následujícímu příkladu s prvky zacentrovanými na základě souboru CSS, který jste vytvořili:

Webový prohlížeč zobrazující registrační stránku nebo přihlašovací stránku s vlastními prvky uživatelského rozhraní

4. Úprava souboru přípon

Pokud chcete nakonfigurovat přizpůsobení uživatelského rozhraní, zkopírujte ContentDefinition a jeho podřízené prvky ze základního souboru do souboru s příponou:

  1. Otevřete základní soubor zásad. Například: SocialAndLocalAccounts/TrustFrameworkBase.xml. Tento základní soubor je jedním ze souborů zásad zahrnutých do vlastního úvodního balíčku zásad, který byste měli získat v předpokladu, Začínáme s vlastními zásadami.

  2. Vyhledejte a zkopírujte celý obsah elementu ContentDefinitions .

  3. Otevřete soubor s příponou. Například TrustFrameworkExtensions.xml. Vyhledejte prvek BuildingBlocks. Pokud prvek neexistuje, přidejte ho.

  4. Vložte celý obsah ContentDefinitions elementu, který jste zkopírovali jako podřízený prvek BuildingBlocks .

  5. Vyhledejte element ContentDefinition , který obsahuje Id="api.signuporsignin" v xml, který jste zkopírovali.

  6. Změňte hodnotu LoadUri na adresu URL souboru HTML, který jste nahráli do úložiště. Například: https://your-storage-account.blob.core.windows.net/your-container/customize-ui.html.

    Vaše vlastní zásada by měla vypadat jako následující fragment kódu:

    <BuildingBlocks>
  <ContentDefinitions>
    <ContentDefinition Id="api.signuporsignin">
      <LoadUri>https://your-storage-account.blob.core.windows.net/your-container/customize-ui.html</LoadUri>
      <RecoveryUri>~/common/default_page_error.html</RecoveryUri>
      <DataUri>urn:com:microsoft:aad:b2c:elements:unifiedssp:1.0.0</DataUri>
      <Metadata>
        <Item Key="DisplayName">Signin and Signup</Item>
      </Metadata>
    </ContentDefinition>
  </ContentDefinitions>
</BuildingBlocks>

  7. Uložte soubor s příponami.

  8. Povolení JavaScriptu

5. Nahrání a otestování aktualizovaných vlastních zásad

5.1 Nahrání vlastních zásad

  1. Pokud máte přístup k více tenantům, v horní nabídce vyberte ikonu Nastavení a přepněte do tenanta Azure AD B2C z nabídky Directories + subscriptions.
  2. Vyhledejte a vyberte Azure AD B2C.
  3. V části Zásady vyberte Architekturu prostředí identit.
  4. Vyberte Nahrát vlastní zásady.
  5. Nahrajte soubor přípon, který jste předtím změnili.

5.2 Testování vlastních zásad pomocí příkazu Spustit

  1. Vyberte politiku, kterou jste nahráli, a pak vyberte Spustit nyní.
  2. Měli byste se zaregistrovat pomocí e-mailové adresy.

Konfigurujte URI dynamického obsahu vlastní stránky

Pomocí vlastních zásad Azure AD B2C můžete odeslat parametr v cestě URL nebo v řetězci dotazu. Předáním parametru do vašeho koncového bodu HTML můžete dynamicky měnit obsah stránky. Obrázek pozadí můžete například změnit na přihlašovací stránce Azure AD B2C nebo na základě parametru, který předáváte z webové nebo mobilní aplikace. Parametrem může být libovolné řešení požadavku, například ID aplikace, ID jazyka nebo například parametr vlastního řetězce dotazu, jako campaignId.

Odesílání parametrů řetězce dotazu

Chcete-li odeslat parametry řetězce dotazu, přidejte prvek ContentDefinitionParameters v zásadách důvěřující strany, jak je znázorněno níže.

<RelyingParty>
    <DefaultUserJourney ReferenceId="SignUpOrSignIn" />
    <UserJourneyBehaviors>
    <ContentDefinitionParameters>
        <Parameter Name="campaignId">{OAUTH-KV:campaignId}</Parameter>
        <Parameter Name="lang">{Culture:LanguageName}</Parameter>
        <Parameter Name="appId">{OIDC:ClientId}</Parameter>
    </ContentDefinitionParameters>
    </UserJourneyBehaviors>
    ...
</RelyingParty>

V definici obsahu změňte hodnotu LoadUri na https://<app_name>.azurewebsites.net/home/unified. Vaše vlastní zásada ContentDefinition by měla vypadat jako následující fragment kódu:

<ContentDefinition Id="api.signuporsignin">
  <LoadUri>https://<app_name>.azurewebsites.net/home/unified</LoadUri>
  ...
</ContentDefinition>

Když Azure AD B2C stránku načte, zavolá koncový bod webového serveru:

https://<app_name>.azurewebsites.net/home/unified?campaignId=123&lang=fr&appId=00001111-aaaa-2222-bbbb-3333cccc4444

URI dynamického obsahu stránky

Obsah lze načíst z různých míst na základě použitých parametrů. V koncovém bodu s podporou CORS nastavte strukturu složek pro hostování obsahu. Můžete například uspořádat obsah v následující struktuře. Kořenová složka/složka pro jazyk/vaše soubory HTML. Váš vlastní identifikátor URI stránky může vypadat například takto:

<ContentDefinition Id="api.signuporsignin">
  <LoadUri>https://contoso.blob.core.windows.net/{Culture:LanguageName}/myHTML/unified.html</LoadUri>
  ...
</ContentDefinition>

Azure AD B2C odešle dva písmeno kódu ISO pro jazyk, fr pro francouzštinu:

https://contoso.blob.core.windows.net/fr/myHTML/unified.html

Ukázkové šablony

Ukázkové šablony pro přizpůsobení uživatelského rozhraní najdete tady:

git clone https://github.com/azure-ad-b2c/html-templates

Tento projekt obsahuje následující šablony:

Pro použití ukázky:

  1. Naklonujte úložiště na místním počítači. Zvolte složku /AzureBluešablony , /MSAnebo /classic.

  2. Nahrajte všechny soubory ze složky šablony a složky /src do Blob Storage, jak je popsáno v předchozích částech.

  3. Dále otevřete každý \*.html soubor ve složce šablony. Potom nahraďte všechny instance https://login.microsoftonline.com adres URL adresou URL, kterou jste nahráli v kroku 2. Například:

    Od:

    https://login.microsoftonline.com/templates/src/fonts/segoeui.WOFF

    Do:

    https://your-storage-account.blob.core.windows.net/your-container/templates/src/fonts/segoeui.WOFF

  4. Uložte soubory \*.html a nahrajte je do úložiště objektů Blob.

  5. Teď upravte zásadu tak, že nasměrujte na soubor HTML, jak už jsme zmínili dříve.

  6. Pokud se zobrazí chybějící písma, obrázky nebo šablony stylů CSS, zkontrolujte odkazy v zásadách rozšíření a souborech \*.html .

Závislost bootstrap v ukázkových šablonách

Ukázkové šablony používají Bootstrap 3.3.5, které pocházejí z oficiálního CDN bootstrap. Tato verze byla ověřena a testována pomocí Azure AD B2C.

Šablony odkazují na následující adresu URL CDN pro šablony stylů CSS bootstrap:

https://cdn.jsdelivr.net/npm/bootstrap@3.3.5/dist/css/bootstrap.min.css

Výchozí konfigurace v souborech HTML šablony obsahuje element odkazu podobný následujícímu příkladu:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.5/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

Oficiální informace o stažení a CDN pro Bootstrap 3.3.5 naleznete v Bootstrap 3.3 Začínáme.

Nahrazení odkazu CDN

Odkaz NA SÍŤ CDN můžete nahradit interním CDN vaší organizace nebo místně hostovaným kopiím, abyste splnili požadavky na spolehlivost, zabezpečení nebo dodržování předpisů.

Důležité

Šablony jsou ověřeny speciálně pro Bootstrap 3.3.5. Při upgradu, downgradu nebo jiné úpravě verze Bootstrap může docházet k problémům s kompatibilitou stylů, rozložení nebo součástí.

Pokud změníte verzi Bootstrap, zodpovídáte za dokončení regresního testování, abyste ověřili, že přizpůsobené šablony fungují správně s Azure AD B2C. Pokud jste nedokončili odpovídající testování, zachovejte ověřenou verzi.

Použití prostředků firemního brandingu ve vlastním HTML

Pokud chcete použít prostředky firemního brandingu ve vlastním HTML, přidejte následující značky mimo značku <div id="api">. Zdroj obrázku je nahrazen obrázkem pozadí a logem banneru.

<img data-tenant-branding-background="true" />
<img data-tenant-branding-logo="true" alt="Company Logo" />

Související obsah

Zjistěte, jak povolit javascriptový kód na straně klienta.

  • Last updated on