自定义Azure B2C登录页面策略(注册登录)-查找API元素列表以自定义MSFT登录容器内容

时间:2019-01-03 23:50:35

标签: xamarin xamarin.forms azure-active-directory azure-ad-b2c msal

我已成功使用Azure B2C对Xamarin项目进行身份验证,并致力于自定义登录屏幕。

我正在使用通过Azure门户而不是自定义策略的用户流方法,因为这似乎更容易。我使用的链接是:

https://docs.microsoft.com/en-us/azure/active-directory-b2c/tutorial-customize-ui

效果很好,但是在较小的设备(例如iPhone 5s)上,导航栏和动作栏为灰色(显然是绿色圆圈),因此屏幕看上去像是被压扁了。请参阅下面的img。

我想更改此导航栏的颜色,实际上,请尽可能将其删除。

squashed screen

到目前为止,根据非常有用的GitHub,我只能自定义内容:

https://github.com/Azure-Samples/active-directory-external-identities-woodgrove-demo/tree/master/Templates

首先,非常感谢@ChrisPadgett!

因此,例如,现在我可以通过将元素css更改如下,将Azure B2C api注入(img的黄色圆圈)给我的文本从白色更改为红色:

#api .intro > p, #api h2 {
            color: red !important;
        }

因此,我一直在寻找B2C传递的元素列表,以便可以使用CSS覆盖它们。例如,覆盖Navbar元素,但也尝试完全更改“使用现有帐户登录”的实际文本。

我无法在任何地方找到它,也无法在浏览器中启动它并剥离CSS,因为它可能不包含我可用的所有选项。

在类似的帖子中,我看到更改导航栏/操作栏的功能已经发布,就像该帖子的最后一个回复一样:

Styling the custom tab with Xamarin and Azure AD B2C

但是我也找不到任何地方用户指的是什么。

有人可以帮助我找到MSFT注入的这些元素的列表还是可以帮助我更改此栏的颜色?非常感谢。

0 个答案:

没有答案