I need to move icon to left in sftextbox with CssClass e-filled style

[Tomas Rojas]

Hi everyone, i had create a razor web component with the sftextbox and i put a fas icon, but i need to move a little the icon to the left or delete the right margin of cssclass e-filled, because the margin for e-filled cssClass style is hiding it this icon.

<SfTextBox @ref="txtTarjeta" @bind-Value="@strTarjeta" Created="@onCreate" FloatLabelType="FloatLabelType.Auto"

                                       Placeholder="Tarjeta" Readonly="true" Enabled="false" CssClass="e-filled"></SfTextBox>

@code {

    public void onCreate()

    {

        this.txtTarjeta.AddIcon("append", "fas fa-credit-card fa-2x");

    }

}

Thank you,

best regards.

[Vinothkumar Yuvaraj]

Hi Tomas,

We created a sample based on your shared code and attempted to replicate the issue you are experiencing, however, we were unable to replicate the issue at our end. Please find the attached sample and video for your reference.

In order to better understand your issue and provide an effective solution, could you please provide some additional information such as a runnable sample or details on any custom styles you are using in your application? This information would be extremely helpful in resolving your issue.

Regards,

Vinothkumar

Attachment: TextBox_15f6bef7_8b57fe5a.zip