Oracle Cloud Infrastructure Documentation

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.

  1. Open the navigation menu and click Identity & Security. Under Identity, click Domains.
  2. 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.
  3. On the domain details page, click Settings.
  4. On the Settings page, click Hosted sign in.
  5. Click Enable hosted sign in.
  6. 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.
  7. 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.
  8. Click Preview sign in to view changes without saving them.
  9. Click Save changes.