title: How do I display and update my custom Identity fields in my ASP.NET Core application?
body: <p>I've created an ASP.NET Core application using <code>core 3.1</code> and I have included the out of the box authentication with it.  I wanted to add some custom fields for my users to complete such as <code>Location</code> and <code>Instagram</code>.  Following the <a href="https://docs.microsoft.com/en-us/aspnet/core/security/authentication/customize-identity-model?view=aspnetcore-3.1#customize-the-model" rel="nofollow noreferrer">instructions here</a> I created an <code>ApplicationUser.cs</code> model which inherits <code>IdentityUser</code> and successfully migrated that model to add the fields to my <code>AspNetUsers</code> table.  All ok so far.</p>
  
  <p>I wanted to add those fields to my user account page.  I realised I couldn't see a user account page.  Using the <a href="https://docs.microsoft.com/en-us/aspnet/core/security/authentication/scaffold-identity?view=aspnetcore-3.1&amp;tabs=visual-studio" rel="nofollow noreferrer">following instructions</a> I added the missing account pages to my project.  When I add my missing fields however, it claims that they cannot be found despite the fact the entire project identity is using <code>ApplicationUser</code> as per the instructions in the documentation.</p>
  
  <p><em>Areas/Pages/Account/Manage/Index.cshtml</em></p>
  
  <pre><code>@page
  @model IndexModel
  @{
      ViewData["Title"] = "Profile";
      ViewData["ActivePage"] = ManageNavPages.Index;
  }
  
  &lt;h4&gt;@ViewData["Title"]&lt;/h4&gt;
  &lt;partial name="_StatusMessage" model="Model.StatusMessage" /&gt;
  &lt;div class="row"&gt;
      HEY
      &lt;div class="col-md-6"&gt;
          &lt;form id="profile-form" method="post"&gt;
              &lt;div asp-validation-summary="All" class="text-danger"&gt;&lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label asp-for="Username"&gt;&lt;/label&gt;
                  &lt;input asp-for="Username" class="form-control" disabled /&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label asp-for="Location"&gt;&lt;/label&gt;
                  &lt;input asp-for="Location" class="form-control" /&gt;
  
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label asp-for="Instagram"&gt;&lt;/label&gt;
                  &lt;input asp-for="Instagram" class="form-control" /&gt;
  
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label asp-for="Input.PhoneNumber"&gt;&lt;/label&gt;
                  &lt;input asp-for="Input.PhoneNumber" class="form-control" /&gt;
                  &lt;span asp-validation-for="Input.PhoneNumber" class="text-danger"&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;button id="update-profile-button" type="submit" class="btn btn-primary"&gt;Save&lt;/button&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  @section Scripts {
      &lt;partial name="_ValidationScriptsPartial" /&gt;
  }
  </code></pre>
  
  <p>Both Location and Instagram return the error that they cannot be found in the model.  Have I missed a step or is there something else I need to be doing to add these fields?</p>