Примечание:
Все действия выполняем на сервере с установленным и настроенным Indeed AM Identity Provider версии 8.1.5 и выше.
Оглавление
Логотип
Размер логотипа, установленного по умолчанию: 118x30. Для наилучшего качества логотипа лучше заготавливать изображение с нужным Вам размером изначально. Его можно будет поменять, в дальнейшем это будет затронуто, но изображение может плохо масштабироваться.
Изменение изображения логотипа
- Нужный логотип переименовываем в logo.png и копируем с заменой в папку "C:\inetpub\wwwroot\am\idp\wwwroot\images\".
Абсолютный путь к логотипу должен быть следующим: "C:\inetpub\wwwroot\am\idp\wwwroot\images\logo.png".
- Очистить кэш браузера и перезагрузить страницу с IDP.

Изменение размера логотипа
Изменим размер на 300x107:
- По пути "C:\inetpub\wwwroot\am\idp\wwwroot\images\", открываем в любом текстовом редакторе файл "_Layout.cshtml".
- Находим строчку
<img src="~/images/logo.png"/> и добавляем в неё атрибуты width="300" height="107" . Должно получиться следующее:
<img src="~/images/logo.png" width="512" height="182"/>
- Перезагрузить страницу с IDP и дождаться обновления логотипа. (Если не обновляется, то очистить кэш браузера и перезагрузить страницу)

Автомасштабирование логотипа
При данной настройке, логотип будет автоматически масштабирован на всю ширину формы. Для автомасштабирования логотипа применяется css стиль.
- По пути "C:\inetpub\wwwroot\am\idp\wwwroot\images\", открываем в любом текстовом редакторе файл "_Layout.cshtml".
- Находим строчку
<img src="~/images/logo.png"/> и добавляем в неё атрибут style="width:100%" . Должно получиться следующее:
<img src="~/images/logo.png" style="width:100%"/>
Перезагрузить страницу с IDP и дождаться обновления логотипа. (Если не обновляется, то очистить кэш браузера и перезагрузить страницу)

Отобразить логотип слева
Для отображения логотипа слева применяется css стиль.
- По пути "C:\inetpub\wwwroot\am\idp\wwwroot\images\", открываем в любом текстовом редакторе файл "_Layout.cshtml".
- Находим следующие строчки кода:
<div class="text-right">
<img src="~/images/logo.png"/> </div>
- Меняем в теге
<div> атрибут class="text-right" на class="text-left" . Должно получиться следующее:
<div class="text-left">
<img src="~/images/logo.png"/> </div>
- Перезагрузить страницу с IDP и дождаться обновления логотипа. (Если не обновляется, то очистить кэш браузера и перезагрузить страницу)

Отобразить логотип по центру
Для отображения логотипа по центру применяется css стиль.
- По пути "C:\inetpub\wwwroot\am\idp\wwwroot\images\", открываем в любом текстовом редакторе файл "_Layout.cshtml".
- Находим следующие строчки кода:
<div class="text-right"> <img src="~/images/logo.png"/> </div>
- Меняем в теге
<div> атрибут class="text-right" на class="text-center" . Должно получиться следующее:
<div class="text-center"> <img src="~/images/logo.png"/> </div>
- Перезагрузить страницу с IDP и дождаться обновления логотипа. (Если не обновляется, то очистить кэш браузера и перезагрузить страницу)

Отобразить логотип справа
Данная настройка выполнена по умолчанию. Поэтому её осуществлять нужно только в том случае, если до этого выполнялись какие-либо изменения для местоположения иконки на форме. Для отображения логотипа справа применяется css стиль.
- По пути "C:\inetpub\wwwroot\am\idp\wwwroot\images\", открываем в любом текстовом редакторе файл "_Layout.cshtml".
- Находим следующие строчки кода:
<div class="ваша_текущая_настройка">
<img src="~/images/logo.png"/>
</div>
- Меняем в теге
<div> атрибут class="ваша_текущая_настройка" на class="text-right" . Должно получиться следующее:
<div class="text-right"> <img src="~/images/logo.png"/>
</div>
- Перезагрузить страницу с IDP и дождаться обновления логотипа. (Если не обновляется, то очистить кэш браузера и перезагрузить страницу)

Иконка
Размер иконки, установленной по умолчанию: 16x16
Изменение изображения иконки
- Нужную иконку переименовываем в favicon.icon и копируем с заменой в папку "C:\inetpub\wwwroot\am\idp\wwwroot\images\".
Абсолютный путь к логотипу должен быть следующим: "C:\inetpub\wwwroot\am\idp\wwwroot\images\favicon.icon".
- Очистить кэш браузера и перезагрузить страницу с IDP.

Фоновое изображение
Размер фонового изображения, установленного по умолчанию: 4608x3456
Изменение фонового изображения
- Нужный бэкграунд переименовываем в background.jpg и копируем с заменой в папку "C:\inetpub\wwwroot\am\idp\wwwroot\images\".
Абсолютный путь к логотипу должен быть следующим: "C:\inetpub\wwwroot\am\idp\wwwroot\images\background.jpg"
- Очистить кэш браузера и перезагрузить страницу с IDP.

Добавление ссылок
Добавление одной ссылки
- По пути "C:\inetpub\wwwroot\am\idp\Views\Home", открываем в любом текстовом редакторе файл "Index.cshtml".
- Находим следующую строчку кода:
<div class="invalid-feedback">
- Перед ней вставляем код следующего вида:
<div>
текст без ссылки, если нужен <a target="_blank" href="ссылка">текст ссылки</a>
</div>

- Перезагружаем страницу с IDP.

Выравнивание ссылки
Для выравнивания текста относительно края окна необходимо добавить атрибут align="значение" в тег <div> .
 Доступные значения:
- Left - выравнивание по левому краю окна. Значение по умолчанию при отсутствии атрибута.
- Right - выравнивание по правому краю окна.
- Center - выравнивание по центру окна.

Добавление нескольких ссылок
Для добавления второй и последующих ссылок достаточно добавить новый тег <a> после закрывающего тега </a> предыдущей ссылки. Можно перенести новую ссылку на следующую строку, добавив перед её тегом <a> тег <br> .
<div align="center">
текст без ссылки <a target="_blank" href="ссылка">текст ссылки</a><br>
<a target="_blank" href="ссылка2">ссылка 2</a>
</div>

Изменение текста в окне ввода логина IDP ("имя пользователя или email")
- По пути "C:\inetpub\wwwroot\am\idp\Views\Home", открываем в любом текстовом редакторе файл "Index.cshtml"
- Найдите данное значение placeholder="@Common.UserNameEmail"
- Замените @Common.UserNameEmail на ваш текст

- Перезагружаем страницу с IDP.

|