Styling Embedded Authentication Type

Catalyst enables you to style both variants of the embedded authentication type:

  • The conventional login form iFrame
  • The Social Login-only form iFrame

You can also style the Reset Password and the Confirm Password pages by providing custom CSS files or by importing the styling elements you used to set up Hosted Authentication type.

To change the style of the conventional iFrame:

cloud_scale_auth_embedded_conventional

  1. Download the CSS file, and begin styling your iFrame login element after the last line of code as instructed in the file. Download here.

  2. Refer to this document, to know the descriptions of each CSS component.

To change the style of the Social Login-only form:

cloud_scale_auth_embedded_socials

  1. Download the CSS file, and begin styling your iFrame login element after the last line of code as instructed in the file. Download here.

  2. Refer to this document, to view the descriptions of each CSS component.

To change the style of the Confirm Password iFrame:

cloud_scale_confirm_pwd_page

  1. Download the CSS file, and begin styling your iFrame login element after the last line of code as instructed in the file. Download here.

  2. Refer to this document, to view the descriptions of each CSS component.

To change the style of the Password Reset iFrame:

cloud_scale_password_reset_page

  1. Click the download button to download the CSS file, and begin styling your document after the last line of code as instructed in the document. Download here.

  2. Refer to this document, to view the descriptions of each CSS component.

Last Updated 2024-01-04 12:16:42 +0530 +0530