Forum /
Ext JS 2.x - Unsupported /
Ext 2.x: Help & Discussion /
Drop down arrow and date field icon is not in line (IE)
Drop down arrow and date field icon is not in line (IE)
Hi,
I am having problems with alignment of dropdown arrows and date field's icon in IE.I am using IE8.In FF it is being displayed correctly.Below is the screen shot attached .I am unsure of which css file is causing the issue.
.Plz help
Attached Images
Sencha - Community Support Team
There is a report about this in the 2.x Bugs section.
The patch was something with like applying vertical-align:top to the trigger.
Thanks Condor for the reply
I have solved this issue by using css hack for IE 8 and by adding top:-2px for the following css file
<!--[if IE 8]>
<style type="text/css">
.x-form-field-wrap .x-form-trigger{width:17px;height:21px;border:0;background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;cursor:pointer;border-bottom:1px solid #B5B8C8;position:absolute;top:-2px; }
.x-form-field-wrap .x-form-date-trigger{background-image:url(../images/default/form/date-trigger.gif);cursor:pointer;position:absolute;top:-2px; }
</style>
<![endif]-->
Hope this helps some one...cheers
Similar Threads
By SLerman in forum Ext 2.x: Help & Discussion
Replies: 6
Last Post: 5 Oct 2011, 5:49 AM
By ziwen78 in forum Ext 3.x: Help & Discussion
Replies: 3
Last Post: 19 Apr 2010, 5:31 PM
By joethu in forum Ext 3.x: Help & Discussion
Replies: 4
Last Post: 27 Aug 2009, 1:10 AM
By david.durham.jr in forum Ext GWT: Help & Discussion (1.x)
Replies: 2
Last Post: 3 Nov 2008, 7:03 AM
By mbalusu in forum Ext 2.x: Help & Discussion
Replies: 6
Last Post: 28 Mar 2008, 8:27 AM
Sencha is used by over two million developers. Join the community, wherever you’d like that community to be
or Join Us