Azure AD B2C页面UI自定义不支持Bootstrap吗？

Question

Azure AD B2C页面UI自定义不支持Bootstrap吗？

Sam*_*Sam 2 azure azure-active-directory azure-ad-b2c

我正在尝试自定义Azure AD B2C统一登录/注册页面上的页面UI。

我能够创建模板，并使用正确的CORS设置将所有资产（即html页面，图像和CSS）上传到我的Azure Blob存储容器。

但是，当我拉出页面时，它看起来绝对可怕！它似乎不支持Bootstrap。我读到某处禁止使用JavaScript。是这个原因吗？

一旦我上传我的自定义HTML页面，Azure的AD B2C似乎被剥离了很多必要的设计元素为我定制如id和style我的body标签-见下图：

<!-- Omitted for brevity -->
<body id="my-login-class" style="url: ('https://myazurestorage.blob.core.windows.net/my-container/my-bg-image.jpg')">

   <div id="some-important-id" class="my-important-class">
      <div class="col-xs-8">
          <div>Some important message</div>
      <div>
      <div class="col-xs-4">
         <div id="api">
         </div>
      </div>
   </div>

</body>

Run Code Online (Sandbox Code Playgroud)

呈现自定义页面后，当我检查页面源代码时，我发现所有类和ID以及Bootstrap引用（例如css和）都被删除js。

我说对了吗？没有引导程序，这意味着Azure AD B2C仅支持最基本的自定义类型？

Answer 1

Chr*_*ett 5

您的HTML模板可以包含任何外部，head或内联样式，但不能包含脚本。

可在WoodGrove注册或登录页面找到自定义页面的示例。

可以在WoodGrove GitHub存储库中找到此自定义页面的HTML模板。

该HTML模板包括Bootstrap的Reboot样式以及WoodGrove的特定样式。

Azure AD B2C创建head和body元素，然后将每个子元素head和子body元素从HTML模板复制到其HTML文档。

因此，不应将属性添加到bodyHTML模板中的元素，因为它们不会被复制。

归档时间：	7 年，7 月前
查看次数：	1498 次
最近记录：	7 年，7 月前