aws-lambdaoauth-2.0nuxt.jsamazon-cognito

Customize the AWS Cognito hosted UI confirmForgotPassword page


Currently via the provided flow the template responds with text in the following manner:

We have sent a password reset code by email to j***@t***.com. Enter it below to reset your password.

Is there a way to update and or add to this copy? Where can I find this template?

Context:

Vue Nuxt app with Nuxt auth scheme Oath2, authorization_endpoint via AWS Cognito

.../confirmForgotPassword?response_type=token&client_id=XXXXXX&redirect_uri=XXX etc...


Solution

  • Okay so I found a way. It's a little hacky, but it gets the job done.

    Within the hosted css add an ::after to the text span and place the new copy within that rule. Caveat, this is only an addition of text vs changing the existing provided copy.

    The update flow is outlined here: https://docs.aws.amazon.com/cli/latest/reference/cognito-idp/set-ui-customization.html

    #div-forgot-password-msg span::after {
      content: " additional text that will be displayed at the end of the existing copy."
    }