自定义登录页面 Cognito
use*_*976 6 user-interface amazon-web-services web amazon-cognito
我知道可以在 cognito 提供的登录页面上自定义一些值。但这对我来说还不够。是否可以完全自定义？我只使用来自 Web 应用程序的第三方联合标识。是否有可能改变灰色背景？或者说有完全不同的看法？
小智 12
由于背景灰色无法再修改，我们可以使用一些 CSS 技巧来更改背景颜色。
只需使用多层 box-shadow 并让外部阴影足够大以覆盖背景即可。
登录屏幕：
做类似的事情：
.background-customizable {
box-shadow: 0px 2px 20px rgba(0, 0, 0, 20%), 0 0 0 10000px #eee;
}
- 如果您没有同时启用联合服务提供商和 Cognito（用户名和密码）服务提供商，这将起作用。在撰写本文时，Cognito 将在对话框中间放置一个具有相同类“.background-customizable”的“或”跨度。带有外部阴影的“或”范围将覆盖对话框的内容。 (2认同)
唯一可靠的解决方案是使用 npm 包从头开始重新实现整个“创建帐户/重置密码/社交登录”界面amazon-cognito-identity-js。
作为快速修复，亚马逊实际上不会对“UI 自定义”表单中输入的 CSS 值执行验证：您实际上可以注入任何您想要的 CSS。
我不会在任何重要的事情上依赖它，因为它可能在很长一段时间内都不起作用，但是对于明天需要向投资者展示的个人网页/无偿工作/概念证明来说是可以的。
输入这个：
得到这个：
- 这不再有效。控制台给出错误消息“CSS 类主体不在允许的类列表中。” (2认同)
- 根据我的尝试，只有当您在“您自己的域”下提供自定义域名时，这才有效。然后你可以应用任何你喜欢的CSS。 (2认同)
您可以在此处查看 AWS Cognito 提供的所有可能的 UI 自定义。除此之外，没有其他选项可以修改。
应用您方便的 CSS，您可以在注册/登录页面上看到更改。
我希望这有帮助！
| 归档时间： |
|
| 查看次数： |
6066 次 |
| 最近记录： |