Customize Identity UI with Syncfusion

[Rubens Araújo]

 <EditForm Model="UserLogin" OnValidSubmit="LoginUser" FormName="login" class="mt-6 mb-6">

     <DataAnnotationsValidator />

     <div class="mb-4">

         <label class="block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300">E-mail</label>

         <SfTextBox @bind-Value="UserLogin.Email" CssClass="e-bigger" Type="InputType.Email" Placeholder="E-mail" FloatLabelType="FloatLabelType.Never"></SfTextBox>

         <ValidationMessage For="() => UserLogin.Email" class="mt-2 text-sm text-red-600 dark:text-red-500" />

     </div>

     <div class="mb-5 relative">

         <label class="block mb-1 text-sm font-medium text-gray-700 dark:text-gray-300">Senha</label>

         <SfTextBox @bind-Value="UserLogin.Password" CssClass="e-bigger bg-none" Type="InputType.Password" Placeholder="Senha" FloatLabelType="FloatLabelType.Never"></SfTextBox>

         <ValidationMessage For="() => UserLogin.Password" class="mt-2 text-sm text-red-600 dark:text-red-500" />

     </div>

     <div class="flex items-center justify-between mb-6">

         <SfCheckBox @bind-Checked="UserLogin.RememberMe" CssClass="e-bigger" Label="Lembre-me"></SfCheckBox>

         <a rel='nofollow' href="/account/forgot-password" class="text-primary-600 dark:text-primary-400 font-medium text-base" style="padding-right: 0 !important;">Esqueceu sua senha?</a>

     </div>

     <div class="e-bigger mt-6">

         <SfButton CssClass="w-full e-primary" Content="Entrar" ></SfButton>

     </div>

 </EditForm

[YuvanShankar Arunagiri]

Hi Rubens,

We have validated the code snippet you shared, and it renders correctly on our end. We did not encounter any UI or functionality-related issues with the implementation provided.

If you are looking to customize the UI of the EditContext form or any Syncfusion component, please share more details about the specific customizations you need. For example:

• Are you looking to change the layout, styling, or behavior?
• Can you provide a sample UI or screenshot to illustrate your requirements?

Based on the additional information you provide, we will review it and offer a more accurate and quicker solution tailored to your needs.

Regards,

YuvanShankar A

Attachment: editcontextsample_42322af9.zip