1. #1
    Ext User
    Join Date
    Oct 2010
    Posts
    7
    Vote Rating
    0
    chaitupash is on a distinguished road

      0  

    Default 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

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    83
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    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.

  3. #3
    Ext User
    Join Date
    Oct 2010
    Posts
    7
    Vote Rating
    0
    chaitupash is on a distinguished road

      0  

    Default


    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

  1. Clear grid's sort arrow icon
    By SLerman in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 5 Oct 2011, 5:49 AM
  2. Alignment problem for Combo textfield and dropdown arrow icon
    By ziwen78 in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 19 Apr 2010, 5:31 PM
  3. Combo Box -- how to show the arrow icon always
    By joethu in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 27 Aug 2009, 1:10 AM
  4. date picker icon wraps to the next line
    By david.durham.jr in forum Ext GWT: Help & Discussion (1.x)
    Replies: 2
    Last Post: 3 Nov 2008, 7:03 AM
  5. Replies: 6
    Last Post: 28 Mar 2008, 8:27 AM

Thread Participants: 1