Icon on the left of the fieldLable of a textField
-
Hi guys, I work with EXT JS Framework.I want to place my icon on the left of the fieldlabel of my textField.my code is :
var labelDownloadReport = new Ext.ux.StaticTextField ({
readOnly : true,
scope : this,
fieldLabel : '<a href="javascript: app.Communication.Edit_Cb.downloadReport">Télécharger </a>',
labelSeparator : '',
hidden : this.isNew (),
height : '0',
width : '450',
ctCls : 'app-icon-attachment',
renderer : app.Communication.Edit_Cb.downloadReport
});my css is :
.app-icon-attachment
{
width : 11px;
height : 11px;
background-repeat : no-repeat;
text-align : right;
background-position : left;
padding-left : 10%;
padding-right : 10%;background-image : url('../../img/communication/attachment.png') !important;}
the problem is the icon is always placed on the right of the textField ty