B2C注册页面中的自定义属性

Question

I have created custom attributes to my Azure B2C directory, and would now like to do a custom signup page but cannot figure out how to "map" the ui element to the custom attribute, please help.

From the example my guess is I need to use " extension_ " suffixed witht the field name in the element id? The documentation is thin in this area

<div class="attrEntry">
    <div class="helpText"></div>
    <label>Loyalty number</label>
    <input id="extension_MemNum" class="textInput" type="text" placeholder="Loyalty number"><a href="javascript:void(0)" onclick="selfAssertedClient.showHelp('Membership number');" class="tiny">What is this?</a>
</div>

Answer 1

If you just want to style the signup page, there is only CSS to add. The mapping is done automatically, edit the signup policy to include the new field. You can arrange the order of the fields by dragging and dropping. All fields are auto generated in the UI. You can limit what values are entered in the signup/edit policy as well.

Go to page UI customization -> local account signup -> double click any of the attributes Now you can select a dropdown(or radio or chackbox) and limit what values are entered.

Detailed steps: Go to the signup policy (or the edit policy)

Select Page UI customization and then Local Account sign up

Select the attribute and edit it (select dropdown, or radiobutton)

https://azure.microsoft.com/en-us/documentation/articles/active-directory-b2c-reference-ui-customization/

If you look at the generated page, you will see all the generated fields, if you want to customize everything.