angular-b2c-sample-app and iframes

Question

angular-b2c-sample-app and iframes

Tiago C 20

I have a project that I based on this sample project:

https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/samples/msal-angular-v3-samples/angular-b2c-sample-app

Currently I have the custom policies as intended. Button, redirects to a azure page, finishes w/e the custom policy is, redirects back to the web app.
But now I need to be using said custom policy as an iframe, basically the client requests that there is less one layer of buttons to pressed. Therefore I want the custom policy to be displayed as an iframe, making the web app feel more single page. I have looked around, but can't really find anything detailed enough.

Any help is welcomed :)

1 answer

Your answer

Answer 1

Kancharla Saiteja 5,485 Microsoft External Staff Moderator

Hi @Tiago C
Thank you for posting your query on Microsoft Q&A.
I am Saiteja from Q&A will be assisting you with your query.

Based on your query, here is my understanding: I see you have configured policies with MSAL Angular and would like to use iframe to make the application more single page instead of redirections.

Here is the Microsoft document that would help you in implementing iframe to make the sign up the sign in simpler and more impactful. This document helps you in achieving the embedded signing using <iframe>HTML which embeds Azure B2C sign in user interface directly into your application.

I hope this information is helpful. Please feel free to reach out if you have any further questions.

If the answer is helpful, please click "Accept Answer" and kindly "upvote it". If you have extra questions about this answer, please click "Comment".

Kancharla Saiteja 5,485 Reputation points Microsoft External Staff Moderator

2025-01-28T06:27:19.38+00:00

Hi @Tiago C,
Following up to see if the above answer was helpful. If this answers your query, do click Accept Answer and Yes for was this answer helpful. And, if you have any further query do let us know by responding in comments.
Kancharla Saiteja 5,485 Reputation points Microsoft External Staff Moderator

2025-01-29T05:25:29.2966667+00:00

Hi @Tiago C,

Following up to see if the above answer was helpful. If this answers your query, do click Accept Answer and Yes for was this answer helpful. And, if you have any further query do let us know by responding in comments.
Tiago C 20 Reputation points

2025-02-07T10:27:29.55+00:00

Is there an example of this with the same project that I linked above? (Having a hard time adapting it)
Kancharla Saiteja 5,485 Reputation points Microsoft External Staff Moderator

2025-02-10T05:53:53.1333333+00:00

Hi @Tiago C,

Thank you for your response,

Here is the GitHub sample which would help you in achieving your end goal: https://github.com/azure-ad-b2c/sign-in-with-iframe/tree/main/B2C_HTML

I hope this information is helpful. Please feel free to reach out if you have any further questions.

If the answer is helpful, please click "Accept Answer" and kindly "upvote it". If you have extra questions about this answer, please click "Comment".
Kancharla Saiteja 5,485 Reputation points Microsoft External Staff Moderator

2025-02-11T04:16:50.6266667+00:00

Hi @Tiago C,

Following up to see if the above answer was helpful. If this answers your query, do click Accept Answer and Yes for was this answer helpful. And, if you have any further query do let us know by responding in comments.
Kancharla Saiteja 5,485 Reputation points Microsoft External Staff Moderator

2025-02-12T03:58:05.77+00:00

Hi @Tiago C,

Following up to see if the above answer was helpful. If this answers your query, do click Accept Answer and Yes for was this answer helpful. And, if you have any further query do let us know by responding in comments.

Share via

angular-b2c-sample-app and iframes

1 answer

Your answer