AWS Builder Center is the official home for builders on AWS. Share and read what others are working on, follow people who inspire you, explore training and workshops, and find tools to support what you're building.
Cognito: managed logins styles: How to change (or remove) Custom Federated identity provider Icon
We are using Cognito managed logins with custom branding styles. I couldn't find any way to change Icon of 3rd party OIDC identify provider that cognito is showing.
- There isn't any way to set that icon while adding a custom identity provider (both from UI and via CDK).
- I couldn't find any option under Foundation => Authentication behavior inside managed logins custom branding styles.
Default svg that is being used right now right now: <img class="Some_icon idp-icon" src="https://<something>.cloudfront.net/default-assets/icon/cognito-icon-idp-default-light.svg" alt="Some icon">
Can we remove that altogether in some layout instead of changing that?
- Newest
- Most votes
- Most comments
The issue you're experiencing with the icon for your custom OIDC identity provider in Cognito managed login is a common one. Currently, there are limited options for customizing the icons of third-party identity providers in the Cognito managed login UI.
To address this issue, you need to:
-
First, ensure that your identity provider is properly configured in your app client settings. Go to your Cognito User Pool, select "App clients" and then select your specific app client. Click on "Edit managed login pages configuration" and verify that your custom identity provider is correctly selected in the "Identity providers" dropdown list.
-
Check your managed login branding configuration. In the branding settings, verify that the "idpButtons" configuration has "icons" set to "enabled: true" to ensure that identity provider icons are displayed on the login page.
-
You can use the UpdateManagedLoginBranding API operation to modify the branding settings programmatically. This might give you more control over the appearance of identity provider buttons than what's available in the console UI.
Unfortunately, the Cognito managed login UI has limited customization options for identity provider icons specifically. If you require more control over the appearance of these icons, you might need to consider implementing a custom authentication UI instead of using the managed login UI.
The managed login branding editor allows for customizing many aspects of the login experience, but the specific icons for third-party identity providers have limited customization options in the current implementation.
Sources
Wrong LinkedIn icon on Cognito managed login page | AWS re:Post
Cognito Managed Login - No button on login page for external IDP | AWS re:Post
The branding editor and customizing managed login - Amazon Cognito
Apply branding to managed login pages - Amazon Cognito
answered a year ago
Relevant content
asked a year ago
asked a year ago
Branding editor doesn't allow use to customize "branding" which is weird. Can we somehow remove that icon altogether instead of changing that?
Please add customizing the icon for an external OIDC provider, this placeholder icon looks weird and conflicts with branding guides of the providers.