Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Touch Premium Member suzuki1100nz's Avatar
    Join Date
    Apr 2011
    Location
    New Zealand
    Posts
    616
    Vote Rating
    206
    suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold

      0  

    Default DisplayField - Field Style not working

    Hi,

    Closed bug here (EXTJSIV-5242) - http://www.sencha.com/forum/showthre...n-DisplayField is an issue / not fixed in

    Release Notes for Ext JS 4.1.0 RC 3
    Release Date: April 10, 2012
    Version Number: 4.1.0 RC 3

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,251
    Vote Rating
    485
    scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute

      0  

    Default

    In reviewing the ticket, this is marked as closed, Won't fix.

    Reason:
    fieldStyle is used to apply a style to the underlying input element. field.Display doesn't have one of these.

    Can you use this instead?

    Code:
            { 
                xtype : 'displayfield', 
                style : 'background-color:#FF0000', 
                value : 'Some Text...' 
            }
    Regards,
    Scott.

  3. #3
    Touch Premium Member suzuki1100nz's Avatar
    Join Date
    Apr 2011
    Location
    New Zealand
    Posts
    616
    Vote Rating
    206
    suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold

      0  

    Default

    Hi Scott,
    That doesn't work either - ExtJS 4.0.7 style and fieldStyle cause the value text to be red.
    Are you saying that the 4.0.7 implementation was incorrect?

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,251
    Vote Rating
    485
    scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute

      0  

    Default

    In talking with the developer, he mentioned that he will revisit this ticket ... as it should be trivial.

    Scott.

  5. #5
    Touch Premium Member suzuki1100nz's Avatar
    Join Date
    Apr 2011
    Location
    New Zealand
    Posts
    616
    Vote Rating
    206
    suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold

      0  

    Default

    Thanks Scott appreciated

  6. #6
    Sencha User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Brazil, Goiânia
    Posts
    497
    Vote Rating
    24
    wemerson.januario will become famous soon enough wemerson.januario will become famous soon enough

      0  

    Default

    Quote Originally Posted by scottmartin View Post
    In reviewing the ticket, this is marked as closed, Won't fix.

    Reason:
    fieldStyle is used to apply a style to the underlying input element. field.Display doesn't have one of these.

    Can you use this instead?

    Code:
            { 
                xtype : 'displayfield', 
                style : 'background-color:#FF0000', 
                value : 'Some Text...' 
            }
    Regards,
    Scott.
    style only apply to the label, how to style the value?
    Wemerson Januario
    Website: http://wemersonjanuario.com.br
    Twitter: https://twitter.com/januariocoder

    Email: wemerson.januario@gmail.com

    From: Goiânia, Brazil
    Ext JS Consulting, Training, Support

  7. #7
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,251
    Vote Rating
    485
    scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute

      0  

    Default

    To change the style of the input field (value), you can use fieldCls. Is this what you meant?

    Regards,
    Scott.

  8. #8
    Touch Premium Member suzuki1100nz's Avatar
    Join Date
    Apr 2011
    Location
    New Zealand
    Posts
    616
    Vote Rating
    206
    suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold suzuki1100nz is a splendid one to behold

      0  

    Default

    As Scott suggested to style the value in 4.1 use fieldCls.
    This is preferable to using inline styling which is effectively what the use of style and fieldStyle gives you.

    However the inline styling should still work (style and field style) - not a biggy in the world of EXTJS bugs but never the less a bug

  9. #9
    Sencha User
    Join Date
    Feb 2013
    Posts
    5
    Vote Rating
    0
    charlieh is on a distinguished road

      0  

    Default Style applies partially

    Hi - I tried you suggestions and was able to set the testfield's value background color

    {
    ...
    cls: 'noneEditableTextField'
    }

    and in the .css
    .noneEditableTextField .x-form-field {
    background-color: #00ffff;
    }

    the result I got is the the value field is partially colored - any idea?

    thanks
    Charlie

    sencha-text-field-bgcolor.PNG

  10. #10
    Sencha User
    Join Date
    Feb 2013
    Posts
    5
    Vote Rating
    0
    charlieh is on a distinguished road

      0  

    Default

    ok fixed it



    .noneEditableTextField .x-form-text {
    background-image: none;
    background-color: #efefef;
    }