Azure Active Directory B2C自定义策略下如何修改登录页UI占位符与按钮文本
Azure B2C登录页UI自定义修改方案
1. 修改输入框占位符(Placeholder)值
你之前修改的<DisplayName>字段控制的是输入框上方的文字标签,和输入框内部的占位符是两个独立配置项,需要通过本地化配置覆写占位符值:
- 在你的自定义策略根节点下添加/找到
Localization配置段 - 找到输入框对应声明类型的本地化条目,添加占位符覆写规则,示例配置如下:
<Localization Enabled="true"> <SupportedLanguages DefaultLanguage="zh-CN" MergeBehavior="Append"> <SupportedLanguage>zh-CN</SupportedLanguage> </SupportedLanguages> <LocalizedResources Id="zh-CN"> <!-- 邮箱输入框占位符修改,ElementId对应你声明的Claim ID,示例为signInName --> <LocalizedStrings> <LocalizedString ElementType="ClaimType" ElementId="signInName" StringId="Placeholder">请输入邮箱地址</LocalizedString> </LocalizedStrings> </LocalizedResources> </Localization>
你提供的原有ClaimType配置无需修改,新增上述本地化配置即可生效。
2. 修改「Sign in」按钮文本为「Log in」
内置登录按钮属于系统UX元素,无法通过ClaimType的DisplayName修改,同样在上述LocalizedStrings节点下添加按钮文本覆写规则即可:
<LocalizedString ElementType="UxElement" StringId="button_signin">Log in</LocalizedString>
配置完成后上传更新自定义策略,清除浏览器缓存后即可看到修改效果。
内容的提问来源于stack exchange,提问作者bippan
相关产品推荐
相关产品推荐

