Как сделать так, чтобы на страницах управления учетными записями отображались потрясающие значки шрифтов в Asp. Net Core Identity? - PullRequest
Новая
       85

Как сделать так, чтобы на страницах управления учетными записями отображались потрясающие значки шрифтов в Asp. Net Core Identity?

2 голосов
/ 21 марта 2020

В основном приложении _Layout.cshtml я ссылаюсь на таблицу стилей Font Awesome: 

<link rel="stylesheet" href="~/lib/fontawesome/css/all.css" />

... и значки появляются там, где я ожидаю. За исключением бритвенных страниц, касающихся управления учетными записями в разделе Identity.

Файл _Layout.cshtml для управления учетными записями находится в /Areas/Identity/Pages/Account/Manage. Он не содержит тегов <html>, <head> или <body>, поэтому нет места для добавления <link rel.... Тем не менее, я могу заставить работать значки, если я добавлю эти теги, но это приведет к вложенному набору тегов, и это обходной путь.

Значки отображаются в этих файлах ( среди прочих): 

Areas/Identity/Pages/Account/Register.cshtml
Areas/Identity/Pages/Account/Login.cshtml

Но не в этих (среди прочих): 

Areas/Identity/Pages/Account/Manage/Index.cshtml
Areas/Identity/Pages/Account/Manage/Email.cshtml

Как мне заставить работать файлы внутри ../Manage/ без "взлома"?

1 Ответ

2 голосов
/ 23 марта 2020

Файл _Layout.cshtml для управления учетными записями находится в /Areas/Identity/Pages/Account/Manage.

Он не содержит или -tags, поэтому нет места для добавления <link rel....

Чтобы добавить ссылку на файл (ы) fontawesome css, вы можете напрямую ссылаться на файл таблицы стилей значков fontawesome на странице Account/Manage/_Layout.cshtml, как показано ниже. 

@{
    Layout = "/Areas/Identity/Pages/_Layout.cshtml";
}

<link href="~/fontawesome/css/all.css" rel="stylesheet" />

<h1>Manage your account</h1>

<div>
    <h4>Change your account settings</h4>
    <hr />
    <div class="row">
        <div class="col-md-3">
            <partial name="_ManageNav" />
        </div>
        <div class="col-md-9">
            @RenderBody()
        </div>
    </div>
</div>

@section Scripts {
    @RenderSection("Scripts", required: false)
}

Кроме того, если вы также укажете /Areas/Identity/Pages/_Layout.cshtml в качестве страницы макета Account/Manage/_Layout.cshtml, как указано выше, добавление ссылки на ~/fontawesome/css/all.css в разделе страницы /Areas/Identity/Pages/_Layout.cshtml также будет работать.

Результат теста

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...