LoginDisplay without Register

Question

Hello,

Is there a way to use LoginDisplay without the Register on Mainlayout? And also I want to customize the style of the Login link.

@inherits LayoutComponentBase  
  
<PageTitle>Test</PageTitle>  
  
<div class="page">  
    <div class="sidebar @NavMenuCssClass" @onclick="ToggleNavMenu">  
        <NavMenu />  
    </div>  
  
    <main>  
        <div class="top-row px-4 auth navbar-light">  
            <div class="container-fluid toggler-container">  
                <button title="Navigation menu" class="navbar-toggler custom-toggler" @onclick="ToggleNavMenu">  
                    <span class="navbar-toggler-icon"></span>  
                </button>  
                <span class="navbar-brand mb-0 h2" href="#">  
                    <img src="/css/images/v.png" alt="" width="30" height="24" class="d-inline-block align-text-top">  
                    Test  
                </span>  
                  
            </div>   
            @*<a href="" target="" class="mb-0 h2 d-flex justify-content-end">Login</a>*@  
            <LoginDisplay />  
        </div>  
  
        <article class="content px-4">  
            @Body  
        </article>  
    </main>  
</div>  
@code {  
    private bool collapseNavMenu = true;  
  
    private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;  
  
    private void ToggleNavMenu()  
    {  
        collapseNavMenu = !collapseNavMenu;  
    }  
}  

Thanks in advance.

Answer 1

Is the problem you can't find the login markup created by the "Individual Account" template? If so, scaffold the Identity pages you wish to update.

Scaffold Identity in ASP.NET Core projects

Answer 2

Here is my sample, I want to customize log in.

@inherits LayoutComponentBase  
  
<PageTitle>Test</PageTitle>  
  
<div class="page">  
    <div class="sidebar @NavMenuCssClass" @onclick="ToggleNavMenu">  
        <NavMenu />  
    </div>  
  
    <main>  
        <div class="top-row px-4 auth navbar-light">  
            <div class="container-fluid toggler-container">  
                <button title="Navigation menu" class="navbar-toggler custom-toggler" @onclick="ToggleNavMenu">  
                    <span class="navbar-toggler-icon"></span>  
                </button>  
                <span class="navbar-brand mb-0 h2" href="#">  
                    <img src="/css/images/v.png" alt="" width="30" height="24" class="d-inline-block align-text-top">  
                    Vorlance  
                </span>  
                  
            </div>   
              
            <a href="Identity/Account/Login">Log in</a>  
           
        </div>  
  
        <article class="content px-4">  
            @Body  
        </article>  
    </main>  
</div>  
@code {  
    private bool collapseNavMenu = true;  
  
    private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;  
  
    private void ToggleNavMenu()  
    {  
        collapseNavMenu = !collapseNavMenu;  
    }  
}