question

AV-5054 avatar image
0 Votes"
AV-5054 asked AV-5054 answered

embed html link in static text on custom sign up screen (custom policy)

Hi,

I want to add a static text right with a hyperlink embedded in the custom Sign up page. I can add the static text through Paragraph User input type but unable to embed an anchor tag in between words. Is this possible? I tried to add the tags with XML encoding but they show up in the paragraph as text instead of being interpreted as HTML.

Thanks.

azure-ad-b2c
· 2
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

@AV-5054 • Could you please elaborate the requirement with an image for better understanding.

0 Votes 0 ·
AV-5054 avatar image AV-5054 amanpreetsingh-msft ·

Hi @amanpreetsingh-msft ,

What I want to do looks like this taken from an e-commerce sign up page.
The paragraph will be shown in the Sign up flow and needs to have hyperlinks from certain words. Is it possible with customizations in B2C? Thanks.

188431-paragraph-with-link.png


0 Votes 0 ·
amanpreetsingh-msft avatar image
0 Votes"
amanpreetsingh-msft answered amanpreetsingh-msft commented

Hi @AV-5054 • Thanks for providing the details.

In order to embed the HTML links in static text on the custom sign-up screen, you need to use a custom HTML page at the signup. Where you can add the below-highlighted element.

188442-image.png

Here is the link to my custom HTML file for your reference.

Once this is done, you need to update the load uri parameter under the api.localaccountsignup content definition, as shown below:

188451-image.png

Once it is updated, you will see the text with hyperlink(s) as highlighted below:

188427-image.png

You can access My B2C app and click on the Sign up now link to see this in action.


Please "Accept the answer" if the information helped you. This will help us and others in the community as well.


image.png (9.0 KiB)
image.png (5.4 KiB)
image.png (9.7 KiB)
· 2
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi @amanpreetsingh-msft ,

Your example is one where the content is being added outside of B2C's "api" div i.e after the final set of Create/Signup buttons. In my case, I need to add the paragraph with the link immediately after the Password field inside the "api" div.

If it is not possible to have a paragraph added to B2C div content with hyperlinks in text, then the only option I see is to create elements in JS and add it after the password field.

Thanks

0 Votes 0 ·

@AV-5054 · Ok, that's what I wanted to understand when I asked for an image. You will have to use JavaScript to insert the text with hyperlinks inside the "api" div.

1 Vote 1 ·
AV-5054 avatar image
0 Votes"
AV-5054 answered
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.