我正在尝试找到一种方法来控制 azure b2c 在使用自定义模板时注入的“api”html。
我知道使用用户流或自定义策略提供自定义模板的能力,但是我现在需要更改 azure b2c 标记本身的 html。例如,在“登录”按钮上添加自定义 css 类,在“登录”按钮上更改文本,将忘记密码链接放在 html 片段的其他位置等。
如果不使用 css 和 javascript 破解它,这可能吗?我可以在自定义策略中定义和控制 html 吗?我在文档中找不到任何关于此的内容。
我正在尝试找到一种方法来控制 azure b2c 在使用自定义模板时注入的“api”html。
我知道使用用户流或自定义策略提供自定义模板的能力,但是我现在需要更改 azure b2c 标记本身的 html。例如,在“登录”按钮上添加自定义 css 类,在“登录”按钮上更改文本,将忘记密码链接放在 html 片段的其他位置等。
如果不使用 css 和 javascript 破解它,这可能吗?我可以在自定义策略中定义和控制 html 吗?我在文档中找不到任何关于此的内容。
目前没有已发布的元素文档,因为注入“div api”元素的表单元素是动态的,基于您的用户流或自定义策略配置。你参考这个文档
这是我们注入的密码元素:
<input type="password" id="password" name="Password" placeholder="Password" tabindex="1" aria-label="Password">
如果您在 B2C 中配置策略,然后使用立即运行链接,您可以使用浏览器开发工具检查页面以查看我们插入到页面中的所有元素 ID。使用您自己的自定义属性时,HTML 元素 ID 是扩展属性的名称。
这是一般的 JavaScript 代码,不是 Microsoft 特定的。不同浏览器中的行为可能不同。
var myEle1 = document.getElementById("password");
var myEle2 = document.getElementById("signInName");
myEle1.setAttribute("autocomplete", "new-password");
myEle2.setAttribute("autocomplete", "new-password");
要更改这些元素中的文本,您可以使用本地化字符串 ID,您可以参考此文档。对于登录按钮,ID 为 button_signin