Social Identity Provider Button and Badge Properties

IDM allows you to configure buttons and badges for each social identity provider, either through the UI or via the associated identityProvider-name.json configuration file.

A badge is a circular icon associated with a social identity provider. It appears in the Admin UI under Configure > Social ID Providers, and in the End User UI under My Account > Sign-in & Security > Social Sign-in. You can modify the badge options as described in the following table.

A button is a rectangular icon associated with a social identity provider. It appears in the IDM login screens. It also appears when you select Register from the End User UI login screen.

If you have configured up to three social identity providers, IDM includes long rectangular buttons, with words like Register with Provider.

If you've configured four or more social identity providers, IDM includes smaller rectangular buttons with icons.

If you've configured seven or more social identity providers, you may have to scroll horizontally to log in or register with the provider of your choice.

Properties for Social Identity Provider Buttons and Badges
Property (UI)Property (JSON file)Description
Badge background coloriconBackgroundColor for the social identity provider icon
Badge icon classnameiconClassName of the icon class; may be a Font Awesome name like fa-google
Badge font coloriconFontColorColor for the social identity provider icon font
Button image pathLooks in openidm/ui/admin/extension and then openidm/ui/admin/default for an image file; takes precedence over the Button icon classnameUnknown
Button icon classnamebuttonClassName for the social identity provider class; may be a Font Awesome name like fa-yahoo
Button stylesbuttonCustomStyleCustom styles, such as background-color: #7B0099; border-color: #7B0099; color:white;
Button hover stylesbuttonCustomStyleHoverCustom styles for the hover state of a button, such as background-color: #7B0099; border-color: #7B0099; color:white;

Read a different version of :