Creating a Hosted Sign-In Page
Create a Hosted Sign In page in IAM to customize the look and feel of the identity domain sign-in experience by using style classes, custom HTML, and translation support.
- Open the navigation menu and click Identity & Security. Under Identity, click Domains.
- Click the name of the identity domain that you want to work in. You might need to change the compartment to find the domain that you want.
- On the domain details page, click Settings.
- On the Settings page, click Hosted sign in.
- Click Enable hosted sign in.
-
Edit the Custom HTML.
A limited set of HTML tags is available.
- div
- img
- image
- label
- input
- h1
- h2
- h3
- span
- style
A limited set of style properties is available.- align-items:
- background-color:
- background:
- border-radius:
- border:
- box-shadow:
- content:
- display:
- height:
- justify-content:
- left:
- margin-top:
- margin:
- max-height:
- max-width:
- min-height:
- padding-left:
- padding-right:
- padding:
- position:
- text-align:
- top:
- width:
Tip
Need to start over? You can revert to the default HTML values by clicking Restore default HTML. -
Specify translations.
The following existing elements can be customized in the sign-in page. To customize the existing elements, the following reserve IDs must be used.
- Element:
username label
- Reserve ID:
idcs-username-label
- Element:
username placeholder
(help text inside the username field) - Reserve ID:
idcs-username-placeholder
- Element:
password label
- Reserve ID:
idcs-password-label
- Element:
password placeholder
(help text inside the username field) - Reserve ID:
idcs-password-placeholder
Tip
Need to start over? You can clear the translations pane by clicking Restore default translations. - Element:
- Click Preview sign in to view changes without saving them.
- Click Save changes.