Azure AD B2C Page UI Customization without Signup - azure

My web app doesn't need signup feature. So i am only looking for signin. So i didn't setup anything under signup or sign policies.
I am trying to add custom login page to signin policy in Azure AD B2C. I selected Local Account SignIn as Identity provider. But the option Page UI Customization is not enabled and a lock symbol is shown. There is no validation message or information or tooltip explaining what should i do to unlock this feature. But this feature is enabled under signup or sign policies blade.
Can somebody help me with this.

As stated on the UI customization docs page, sign-in pages (in sign-in and profile edit policies) can only be customized using the company branding feature. The question that spottedmahn linked to in the comments (about changing default picture) provides some useful steps.
UPDATE #2: I am retracting my update of "hiding" the link on sign-up/sign-in. That's because if you just hide the link, a user can still make a call to the signup endpoint directly and create a user account. This is not possible through sign-in policy.

I would suggest using the "Sign-up or sign-in" policy for this, and provide a custom template with you own CSS that hides the sign up link:
.create{
display: none
}
'create' is the name of the CSS class used for the signup link.

Related

Custom HTML page in mcrosoft b2c signup

I need to have my signup page of angular app which should hit microsoft b2c signup service . Please let me know if it is possible. As per the documentation we can apply the css and javascript on top and bottom of the signup page provided by b2c but we cannot perform any customizations on elements inside
Full and complete instructions of what and how can be customized is described in the document.
Regarding the elements you are talking about, you can create custom attributes in the B2C and use those attributes in the signup policy
Relevant document reference

How can we customize the local account sign-in page as part of an "edit profile" policy in Azure AD B2C?

The "edit profile" policy has 3 possible page customizations exposed through the Azure portal:
When invoking this policy, the first page displayed to the user is the IdP selection page. If, on this page, the user chooses the "local account" identity provider, the next page shown is a local account sign-in page.
This sign-in page has the default Microsoft branding, and since it's not listed in the customization blade, I don't know how to customize it:
How can we customize the UI of this local account sign-in page when it's shown as part of the "edit profile" policy?
A new user journey SignInV2 is in private preview. This will be fully customizable signin user journey. The user journey can be tried from https://aka.ms/b2cnewportal
For local account opt-in to signinv2, please mail to aadb2cpreview#microsoft.com
EDIT
A ProfileEdit V2 user journey will also be rolled out soon. That would be fully customizable.
In the B2C tenant, you cannot change the Microsoft branding in the "edit profile" policy.
From the shown picture, in the Page UI customization, you can only change the custom page URI, there is no option to change the company branding.
If you want to change the company branding, you can make it in Company Branding.

Customizing the Azure B2C Signup Page

I am trying to customize my Azure B2C Policy sign up sign in policy. I followed this article. I created my custom sign up sign in page and I have the sign in page the way I want it to look, but when I click "Sign up now" a form for the user information shows with default styling. How do I style this page? I wish to reuse the html form.
As described by Customize your policy, you must:
Select Sign-up or sign-in policies, select your built-in policy, and then select Edit.
Select Page UI customization.
Select Local account sign-up page, set Use custom template to Yes, and then enter the absolute URL to your HTML file in the Custom page URI field.

B2C Company Branding Not Applying to All Policies

I've uploaded a sign-in page background image but it is only applying to my Edit Policy. Shouldn't it apply to all policies*?
Works on Edit Policy
Not working on my Sing-Up Policy
*Assuming I haven't assigned a custom page URI.
Only the sign-in policy and the "sign-in" page of profile edit policies use the mechanism that you have highlighted in your question. All other pages in all B2C policies have their own customization, which is described in another question by Jose Rojas: https://stackoverflow.com/a/46057178/3728123.

Change default picture - registration flow - AZURE - ADB2C

In the ADB2C user registration flow you have an picture on the left & the form on the right. Is there an easy way to change the picture on the left? I don't want to redesign the whole page.
Full customization which includes your own HTML/CSS is available for all the Azure AD B2C user flows including the "sign-up or sign-in policies" which offers a combined - registration and login - policy.
The "sign-in" policy type is the only one that offers the ability to customize via the "company branding" feature which needs only a picture upload.
All other flows require upload of HTML/CSS content. A template is available. Full customization is documented here: https://learn.microsoft.com/en-us/azure/active-directory-b2c/active-directory-b2c-reference-ui-customization
Page UI Customization is under Policy->Edit policy->Page UI Customization->Select page->provide source URI
Update
How you get to Company Branding has changed, see this SO Answer.
Previous
Yes. Go to Users and Groups -> Company Branding -> Edit -> Sign-in page background image.
I couldn't find an official documentation on learn.microsoft.com/azure/active-directory-b2c to reference, unfortunately.

Resources