[CLOSED] How to assign Image to button through CSS

[sriram]

Hi,
How can I assign image to button through CSS

                <ext:Button ID="btnSave" runat="server" Text="Save" AutoPostBack="true"   Width="70px" Height="18px"/>

[Daniil]

Hi,

Please use .IconCls property.
http://dev.sencha.com/deploy/dev/doc...member=iconCls

[sriram]

/* Css for image */
.btnCommonImage
{
    background-image:url(Images/save_25.jpg) !important;    
    background-repeat:no-repeat;
    background-position:center;   
    width:70px;
    height:18px;
}

/* Button Code*/
                <ext:Button ID="btnCancel" runat="server" Text="Cancel" PostBackUrl="ItemList.aspx"
                    AutoPostBack="true" Width="70px" Height="18px" IconCls="btnCommonImage" />

I attached the image of how its displaying when im using IconCls. Actually I need it to be display like button. Can you let me know how to place the image perfectly.

[Daniil]

Hi,

It's a not trivial task to change background of common Button.

I would suggest you to use <ext:ImageButton>
https://examples1.ext.net/#/Buttons/Basic/ImageButton/