How do you display a users full name in the login partial view in ASP.NET Core

Question

I'm new to ASP.NET Core, most of my existing experience is with Java/PHP, and a little ASP.NET MVC about 10 years ago.

I'm using a Mac so I'm trying to build a project using Visual Studio Code and ASP.NET Core.

I've created a web application using 'yo'. I've changed the default database connection string to use an MSSQL database I have on a server. I've ran the dotnet ef database update command to create the necessary tables in the database.

I wanted to add firstname and lastname to the user, so I've created the columns in the AspNetUser table, and edited the ApplicationUser class to reflect this;

namespace pabulicms.Models
{
    // Add profile data for application users by adding properties to the ApplicationUser class
    public class ApplicationUser : IdentityUser
    {    
        public string Firstname { get; set; }
        public string Lastname { get; set; }
    }
}

I've gone ahead and amended the view model for the registration form to include the firstname and lastname, and I've updated the Signup method so that the firstname and lastname is saved to the database.

By default the _LoginPartial.cshtml view displays the users username(email address), I'd like to change this to display the users full name, but I'm unsure as to how I do this.

This is what the _LoginPartial looks like at the moment;

@using Microsoft.AspNetCore.Identity
@using pabulicms.Models

@inject SignInManager<ApplicationUser> SignInManager
@inject UserManager<ApplicationUser> UserManager

@if (SignInManager.IsSignedIn(User))
{
    <form asp-area="" asp-controller="Account" asp-action="Logout" method="post" id="logoutForm" class="navbar-right">
        <ul class="nav navbar-nav navbar-right">
            <li>
                <a asp-area="" asp-controller="Manage" asp-action="Index" title="Manage">Hello @UserManager.GetUserName(User)!</a>
            </li>
            <li>
                <button type="submit" class="btn btn-link navbar-btn navbar-link">Log out</button>
            </li>
        </ul>
    </form>
}
else
{
    <ul class="nav navbar-nav navbar-right">
        <li><a asp-area="" asp-controller="Account" asp-action="Register">Register</a></li>
        <li><a asp-area="" asp-controller="Account" asp-action="Login">Log in</a></li>
    </ul>
}

It's obviously this line I need to change;

Hello @UserManager.GetUserName(User)!

However changing it to @UserManager.GetFirstname(User)! doesn't work, as it tells me that the method GetFirstname doesn't exist;

You edit it so it loads the partial with a correct model and displays `$"{Model.Firstname} {Model.Lastname}"`. — Mardoxx, May 10 '17 at 19:22

score 30 · Answer 1 · answered Sep 05 '17 at 19:17

30

I searched a lot and finally found this solution:

Change this: @UserManager.GetUserName(User)

To this: @UserManager.GetUserAsync(User).Result.LastName

refer to: Link

answered Sep 05 '17 at 19:17

Mohammad Taghipour

401
5
7

2

1000 gold medals to you sir. – MDMoore313 Sep 30 '17 at 05:02
7

It would be better to `await` instead of getting `.Result`, like that: `@((await UserManager.GetUserAsync(User)).LastName)`, looks a bit bad, but it is way faster :D – jeuxjeux20 Mar 31 '19 at 20:21
@jeuxjeux20 This is a better answer! You should post it. – DreamTeK Oct 25 '19 at 13:31
This is the perfect answer – Dzero Jan 31 '20 at 06:32
This Is perfect Thank you – Luke Tomkins Jul 08 '20 at 23:55

score 7 · Answer 2 · edited Jan 31 '18 at 10:04

ASP.NET Core Identity library uses claims-based approach to Authorization. It means that a logged in user (the one you can access via User object in your views) has some list of claims (name-value pairs) associated with it. By default, that list contains two claims: for ID and username. However, it's easy to add to that list any other claim you need (first/last name, the name of the company, current user's balance, etc.).
You will just need to create your own implementation of IUserClaimsPrincipalFactory interface and register it in DI to override the default one.

Here is the article with a step-by-step description how to do it.

You can skip the first part ("zero" part to be more exact) "Preparations" if you already have the additional properties (like FirstName/LastName) in your ApplicationUser class.

score 2 · Answer 3 · answered May 11 '17 at 15:20

In the end I used a view component.

First I created a view component myprojectname/ViewComponents/AccountStatusViewComponent.cs

namespace myprojectname.ViewComponents
{
    public class AccountStatusViewComponent : ViewComponent
    {

        private readonly SignInManager<ApplicationUser> _signInManager;
        private readonly UserManager<ApplicationUser> _userManager;

        public AccountStatusViewComponent(SignInManager<ApplicationUser> signInManager, UserManager<ApplicationUser> userManager)
        {
            _signInManager = signInManager;
            _userManager = userManager;
        }

        public async Task<IViewComponentResult> InvokeAsync()
        {
            AccountStatusModel model = new AccountStatusModel();
            model.User = _userManager.GetUserAsync(Request.HttpContext.User).Result;

            return View(model);
        }
    }
}

Next I created the view for the view component myprojectname/Views/Shared/Components/AccountStatus/Default.cshtml

@model AccountStatusModel

@using Microsoft.AspNetCore.Identity
@using myprojectname.Models.ViewComponentModels;
@using myprojectname.Models

@inject SignInManager<ApplicationUser> SignInManager
@inject UserManager<ApplicationUser> UserManager

@if (SignInManager.IsSignedIn(User))
{
    <form asp-area="" asp-controller="Account" asp-action="Logout" method="post" id="logoutForm" class="navbar-right">
        <ul class="nav navbar-nav navbar-right">
            <li>
                <a asp-area="" asp-controller="Manage" asp-action="Index" title="Manage">Hello @Model.User.Firstname @Model.User.Lastname</a>
            </li>
            <li>
                <button type="submit" class="btn btn-link navbar-btn navbar-link">Log out</button>
            </li>
        </ul>
    </form>
}
else
{
    <ul class="nav navbar-nav navbar-right">
        <li><a asp-area="" asp-controller="Account" asp-action="Register">Register</a></li>
        <li><a asp-area="" asp-controller="Account" asp-action="Login">Log in</a></li>
    </ul>
}

I created a model to hold the data I wanted passing the view in myprojectname/Models/ViewComponentModels/AccountStatusModel.cs

using System;
namespace pabulicms.Models.ViewComponentModels
{
    public class AccountStatusModel
    {
        public ApplicationUser User { get; set; }
    }
}

Finally, in the example .NET website I edited the file Views/Shared/_Layout.cshtml and replaced this line;

@await Html.PartialAsync("_LoginPartial")

With;

@await Component.InvokeAsync("AccountStatus")

Plus one: `@Model.User.Firstname` is probably better practice. — MDMoore313, Oct 02 '17 at 12:25

hossein andarkhora · Answer 4 · 2020-05-05T04:52:15.207

-1

my simple way :

top of view

@{
    @inject UserManager<ApplicationUser> UserManager;
    var DisplayName= UserManager.Users.FirstOrDefault(m=>m.UserName==User.Identity.Name).FullName;
}

Hello @DisplayName

ofcourse may it's not be a best way with best performance but worked for me.

edited May 05 '20 at 04:52

answered May 02 '20 at 08:37

hossein andarkhora

532
8
20

How do you display a users full name in the login partial view in ASP.NET Core

4 Answers4