Registration Page

Angular

The register page can be customized in Angular. As soon as you run npx keycloakify eject-page and pick the register page all its sub components are also ejected into your project:

In this video, I explain how to customize the register page of Keycloak, both at the Keycloak configuration level and at the theme level.

Timestamps

• 01:28 - User Profile Attributes Configuration

• 11:05 - Password Policies Configuration

• 13:27 - Email Domain Accept List

• 15:10 - Adding Custom User Attributes to the JWT of the ID and Access Token

• 16:31 - Exporting the Realm Configuration

• 19:14 - Creating Storybook Stories for the Register Page

• 23:53 Customizing the Register Page with CSS

• 26:35 - Customizing the Register Page with React