We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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

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.

1 Reply

VY Vinothkumar Yuvaraj Syncfusion Team February 10, 2023 12:22 PM UTC

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.



Attachment: TextBox_15f6bef7_8b57fe5a.zip

Live Chat Icon For mobile
Up arrow icon