extjs3 - ExtJS 3.4 - How to "grey" the emptyText in DateField -
i encountered problem in showing datefield emptytext
("yyy-mm-dd")
in grey color instead of black color.
here code.
style
.emptytext { color: grey; }
script
items : [ { fieldlabel : "create date", xtype : 'compositefield', items : [ { xtype : "datefield", width : 110, format: 'y-m-d', emptytext: "yyyy-mm-dd", emptyclass:"emptytext" }, { xtype:"label", width:20, text: "to", style:fieldlabelstyle2 }, { xtype : "datefield", width : 110, format: 'y-m-d', emptytext: "yyyy-mm-dd", emptyclass:"emptytext" } ] } ]
i have tried include html tag style in emptytext, html tag treated plain text. set follows
emptytext: '<span style="color:grey">yyyy-mm-dd</span>'
for extjs 3.x can override css class:
.x-form-empty-field { color: gray; }
for extjs 4.x there property emptycls.
Comments
Post a Comment