代码之家  ›  专栏  ›  技术社区  ›  Sam

Azure AD B2C页面用户界面自定义不支持引导程序吗?

  •  2
  • Sam  · 技术社区  · 7 年前

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

    我可以创建模板并将所有资产(如HTML页面、图像和CSS)上载到右侧的Azure Blob存储容器中。 CORS 设置。

    但是,当我翻页时,它看起来 太可怕了! 它似乎不支持引导。我在某个地方看到不允许使用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>
    

    css js .

    我说得对吗?没有引导,这意味着Azure AD B2C只支持最基本类型的定制?

    2 回复  |  直到 7 年前
        1
  •  5
  •   Chris Padgett    7 年前

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

    自定义页面的示例可在 the WoodGrove sign-up or sign-in page .

    此自定义页面的HTML模板可在 the WoodGrove GitHub repository .

    此HTML模板包括 Bootstrap's Reboot styles 以及伍德格罗夫的独特风格。

    Azure AD B2C创建 body 元素,然后为每个元素复制子元素 身体 从HTML模板到其HTML文档的元素。

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