1. #1
    Ext User
    Join Date
    Oct 2008
    Posts
    19
    Vote Rating
    0
    bboyle18 is on a distinguished road

      0  

    Default IE TextField Display Issue

    IE TextField Display Issue


    Hi,

    I have created a form in GXT 2.0.1. This form contains some simple TextField objects. In Firefox, Chrome, Safari they render perfectly. However, in IE they do not.....the bottom border of the TextField is missing.
    See attached images as an example.

    Anyone come across this before?

    thanks

    Brian

    Code used for this is the following:

    Code:
            FormData formData = new FormData();
            FormPanel criteriaPanel = new FormPanel();
            criteriaPanel.setHeaderVisible(false);
            criteriaPanel.setBodyBorder(false);
            criteriaPanel.setLabelSeparator("");
            criteriaPanel.setLabelWidth(120);
    
            TextField<String> tradeRef = new TextField<String>();
            tradeRef.setFieldLabel("Trade Reference");
            criteriaPanel.add(tradeRef, formData);
    
            TextField<String> messageRef = new TextField<String>();
            messageRef.setFieldLabel("Message Reference");
            criteriaPanel.add(messageRef, formData);
    
            DateField settlementDateFrom = new DateField();
            settlementDateFrom.setFieldLabel("Sett Date From");
            criteriaPanel.add(settlementDateFrom);
    
            TextField<String> custodyAcc = new TextField<String>();
            custodyAcc.setFieldLabel("Client");
            criteriaPanel.add(custodyAcc, formData);
    
            CheckBox excludeSettled = new CheckBox();
            excludeSettled.setFieldLabel("Exclude Settled");
            excludeSettled.setValue(true);
            criteriaPanel.add(excludeSettled);
    Attached Images

  2. #2
    Ext User
    Join Date
    Sep 2008
    Location
    Germany
    Posts
    961
    Vote Rating
    1
    Arno.Nyhm is on a distinguished road

      0  

    Default


    i have the same issue. good to know that im not alone with this :-)

    i add this in my css patch file after the original gxt css:

    PHP Code:
    .ext-ie .x-form-text {
        
    margin-bottom1px;

    This forum needs your help: you got hints from the community and now you have fixed your code? dont just reply with "now its fixed" or "i found the error"! please take the time to post also an detailed answer with the working code.

    GreaseMonkey Script for a GXT-only Forum: it hides ExtJs here: New Posts • Search Results • Advanced Search form • Category overview http://www.extjs.com/forum/showthrea...041#post410041

  3. #3
    Ext User
    Join Date
    Oct 2008
    Posts
    19
    Vote Rating
    0
    bboyle18 is on a distinguished road

      0  

    Default


    Thanks for that.
    It worked perfectly.

  4. #4
    Sencha User
    Join Date
    Nov 2008
    Location
    Vienna - Austria
    Posts
    867
    Vote Rating
    1
    micgala is on a distinguished road

      0  

    Default


    I am also experiencing this....

    Guess this should be added to the default gxt css.

  5. #5
    Ext User
    Join Date
    Oct 2008
    Posts
    19
    Vote Rating
    0
    bboyle18 is on a distinguished road

      0  

    Default


    I added the CSS directly into my HTML file.....but I guess you can add it into gxt css file if you like

  6. #6
    Ext User
    Join Date
    Sep 2008
    Location
    Germany
    Posts
    961
    Vote Rating
    1
    Arno.Nyhm is on a distinguished road

      0  

    Default


    i think he mean it should be as default in the gxt.zip from www.extjs.com ?

    otherwise:
    i collect all my patches in a custom.css file, so i can review it faster after upgrading the original gxt css
    This forum needs your help: you got hints from the community and now you have fixed your code? dont just reply with "now its fixed" or "i found the error"! please take the time to post also an detailed answer with the working code.

    GreaseMonkey Script for a GXT-only Forum: it hides ExtJs here: New Posts • Search Results • Advanced Search form • Category overview http://www.extjs.com/forum/showthrea...041#post410041

  7. #7
    Sencha User
    Join Date
    Nov 2008
    Location
    Vienna - Austria
    Posts
    867
    Vote Rating
    1
    micgala is on a distinguished road

      0  

    Default


    Quote Originally Posted by Arno.Nyhm View Post
    i think he mean it should be as default in the gxt.zip from www.extjs.com ?
    Yes, that is what I meant.

  8. #8
    Software Architect
    Join Date
    Sep 2007
    Posts
    13,971
    Vote Rating
    132
    sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light

      0  

    Default


    No it should not. The css rules are needed for IE. The missing bottom border is already addressed in SVN

  9. #9
    Ext GWT Premium Member
    Join Date
    Jul 2009
    Posts
    104
    Vote Rating
    0
    VadimV1144 is on a distinguished road

      0  

    Default


    Thank you, that really helps.