Макет элемента управления Azure B2C для внедренного html "api"

Question

Я пытаюсь найти способ контролировать внедренный html "api", который вводит azure b2c при использовании настраиваемого шаблона.

Мне известно о возможности предоставить настраиваемый шаблон либо с потоком пользователя, либо с настраиваемой политикой, однако теперь мне нужно изменить html самой разметки azure b2c. Например, добавьте настраиваемый класс css на кнопку "Войти", измените текст на кнопке "Войти", разместите ссылку "забыл пароль" в другом месте фрагмента html и т. Д.

Возможно ли это без взлома с помощью css и javascript? Могу ли я определять и контролировать html в настраиваемой политике? Я не могу найти ничего в документации по этому поводу.

Answer 1

В настоящее время нет опубликованных элементов документа, поскольку элемент формы, который вводится в элемент div api, является динамическим в зависимости от вашего пользовательского потока или конфигурации настраиваемой политики. Вы ссылаетесь на эту документацию

Вот элемент пароля, который мы вводим:

<input type="password" id="password" name="Password" placeholder="Password" tabindex="1" aria-label="Password">

Если вы настроили политику в B2C, а затем использовали ссылку "Выполнить сейчас", вы можете проверить страницу с помощью инструментов разработчика браузера, чтобы увидеть все идентификаторы элементов, которые мы вставляем на страницу. При использовании собственных настраиваемых атрибутов идентификаторы HTML-элементов - это имя атрибута расширения.

Это общий код JavaScript, а не специфический для Microsoft. В разных браузерах поведение может отличаться.

var myEle1 = document.getElementById("password");                    
var myEle2 = document.getElementById("signInName");                      
myEle1.setAttribute("autocomplete", "new-password");                 
myEle2.setAttribute("autocomplete", "new-password");

Чтобы изменить текст в этих элементах, вы можете использовать идентификатор строки локализации, вы можете обратиться к этому документу. Для кнопки входа идентификатор будет button_signin