thanks. for the Submit New Password override, is there a specific Header component to override? like...
m
thanks. for the Submit New Password override, is there a specific Header component to override? like in the Sign In form? Seems I cannot find
n
Lets move the conversation here, can you elaborate on what you mean?
m
sure. When I inspect the Sign In form, I find this component (and I successfully modified it). However, when I inspect the the Email Password Reset form, I only find the EmailPasswordSubmitNewPassword_Override. I was wondering if you can override in the same way just the "header" of the Submit new Password form, and not the whole component.
n
Do you mean this part of the submit password form?
m
No, the EmailPasswordSubmitNewPassword component
n
Right, so do you want to change the texts it displays or do you want to render a different component entirely?
m
I want to render an extra component on top of the text "Change your password"
n
That would work the same way as the example here: https://supertokens.com/docs/emailpassword/advanced-customizations/react-component-override/usage#example (same link i sent earlier) The only difference would be that you would use
EmailPasswordSubmitNewPassword_Override
instead of
EmailPasswordSignIn_Override
Or did you mean you wanted to show it inside the same container?
m
yes, the second one. I just need to add an additional component inside the form container (sorry, design specs 😅 ) I have already modified the
EmailPasswordSubmitNewPassword_Override
. I was asking because I was able to do that for the Sign In form.
n
Ah there wouldnt be any direct way of doing that. You could use css to add an element before the first text component though, refer to this page on how to use css with elements in the supertokens form: https://supertokens.com/docs/thirdpartyemailpassword/common-customizations/styling/changing-style
m
ah ok! Thanks I will give it try
n
Happy to help
3 Views