Login Component

Radzen.Blazor Components
1

How can I change the appearance of the login button?

<RadzenCard class="rz-my-12 rz-mx-auto rz-p-4 rz-p-md-12" style="max-width: 600px;">
    <RadzenTemplateForm Data=@("LoginWithDefaultValues")>
        <RadzenLogin AllowRegister="true" AllowResetPassword="true" Username=@userName Password=@password
                    AllowRememberMe="true" RememberMe="@rememberMe"
                    Login=@(args => OnLogin(args, "Login with default values"))
                    ResetPassword=@(args => OnResetPassword(args, "Login with default values"))
                    Register=@(args => OnRegister("Login with default values")) />
    </RadzenTemplateForm>
</RadzenCard>
2

Hi @Alex_Tremblay,

RadzenLogin uses the following button configuration which cannot be changed via property setting:

 <RadzenButton ButtonStyle="ButtonStyle.Primary" ButtonType="ButtonType.Submit" Text=@LoginText Click=@OnLogin />

You can however change various button settings via CSS variables. For example you can change the background color of the button like this:

<RadzenLogin style="--rz-primary: red" .../>

What aspects of the button appearance would you like to change?