Настройка пользовательского интерфейса Azure B2C - отображаемые имена заголовков и идентификаторов поставщиков удостоверений - PullRequest
Новая
       10

Настройка пользовательского интерфейса Azure B2C - отображаемые имена заголовков и идентификаторов поставщиков удостоверений

0 голосов
/ 21 сентября 2018

У меня есть несколько вопросов по настройке интерфейса для порталов B2C.Я просмотрел обе следующие ссылки: https://docs.microsoft.com/en-us/azure/active-directory-b2c/active-directory-b2c-reference-customize-ui-custom

https://docs.microsoft.com/en-us/azure/active-directory-b2c/active-directory-b2c-ui-customization-custom

Но, похоже, на мои вопросы по этим ссылкам не дано ответа.

Вопрос 1: Что мне интересно, есть ли возможность настроить строку «Войти в свою учетную запись в социальной сети»?Я просмотрел XML-файлы политики и не видел, чтобы эта строка была сгенерирована где-либо, и не похоже, что я могу настроить ее с помощью одного тега блока в файле TrustFrameworkExtensions.xml.Так эта строка редактируемая?Я попытался добавить тег элемента метаданных, ключ которого был «language.intro», надеясь, что он переопределит строку в блоке ContentDefinition «api.signuporsignin» ... но он не переопределил.

Вопрос 2: В некоторой степени относится к вышесказанному ... возможно ли настроить строки отображения встроенных полей для страниц регистрации / редактирования профиля?Например, мы хотели бы, чтобы «Фамилия» была «Фамилия», а «Имя» - «Имя».Можно ли настроить эти строки отображаемых имен, не создавая все новые / настраиваемые поля, чтобы получить отображаемое имя, которое мы хотим?

Спасибо за помощь, я ценю это!

Ответы [ 3 ]

0 голосов
/ 26 сентября 2018

Похоже, что эта функциональность не поддерживается "из коробки", и JavaScript (пока) не поддерживается, наш дизайнер нашел обходной путь, который, кажется, работает хорошо.Скрытие div «intro» и добавление div на место и использование CSS-атрибута «content» для добавления нашего собственного текста.

Вот CSS: 

/*this hides the default intro text and replaces with our own text*/
.intro {display: none;}
.social:before {
  content: "our custom text";
  font-size: 1.2em;
  line-height: 2em;
}
0 голосов
/ 17 декабря 2018

Я настроил этот текст, используя Локализацию. 

<ContentDefinition Id="api.signuporsignin">
    <LoadUri>~/tenant/default/unified.cshtml</LoadUri>

    <RecoveryUri>~/common/default_page_error.html</RecoveryUri>
    <DataUri>urn:com:microsoft:aad:b2c:elements:unifiedssp:1.0.0</DataUri>
    <Metadata>
      <Item Key="DisplayName">Signin and Signup</Item>
    </Metadata>
    <LocalizedResourcesReferences>
      <LocalizedResourcesReference Language="en" LocalizedResourcesReferenceId="api.signuporsignin.en" />
    </LocalizedResourcesReferences>
  </ContentDefinition>

....... затем добавьте элемент Локализация прямо перед закрывающим тегом BuildingBlocks.

<Localization Enabled="true">
  <SupportedLanguages DefaultLanguage="en" MergeBehavior="ReplaceAll">
    <SupportedLanguage>en</SupportedLanguage>        
  </SupportedLanguages>
  <LocalizedResources Id="api.signuporsignin.en">
    <LocalizedStrings>
      <LocalizedString ElementType="UxElement" StringId="social_intro">Sign in with your company account</LocalizedString>
    </LocalizedStrings>
  </LocalizedResources>
</Localization>
0 голосов
/ 25 сентября 2018

HTML-код «Войдите в свой аккаунт в социальной сети» - это просто пример HTML-кода B2C.Чтобы заменить это, вы можете сохранить пользовательскую HTML-страницу в хранилище BLOB-объектов Azure, а затем выполнить следующие действия:

  1. Войдите в свой клиент на портале Azure и перейдите к колонке функций B2C.
  2. Нажмите Политики регистрации или входа, выберите свою политику и нажмите Изменить (например, «b2c_1_sign_up_sign_in»).
  3. Нажмите Настройка пользовательского интерфейса страницы, а затем Страница унифицированной регистрации или входа..
  4. Установите переключатель Использовать пользовательскую страницу в положение Да.В поле URI пользовательской страницы введите https://wingtiptoysb2c.blob.core.windows.net/b2c/wingtip/unified.html. Нажмите OK.
  5. Нажмите Страница регистрации локальной учетной записи.Установите переключатель Использовать пользовательский шаблон в положение Да.В поле URI пользовательской страницы введите https://wingtiptoysb2c.blob.core.windows.net/b2c/wingtip/selfasserted.html.
  6. Повторите этот же шаг для страницы регистрации в социальной учетной записи.Дважды нажмите кнопку ОК, чтобы закрыть блейды настройки пользовательского интерфейса.
  7. Нажмите кнопку Сохранить.

Для справки см. Подробные инструкции здесь: https://docs.microsoft.com/en-us/azure/active-directory-b2c/active-directory-b2c-reference-ui-customization-helper-tool

Вы можете выполнитьто же самое для настройки страниц регистрации / редактирования профиля.

...