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
    465
    Vote Rating
    69
    suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice

      0  

    Default DisplayField - Field Style not working

    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,197
    Vote Rating
    482
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      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
    465
    Vote Rating
    69
    suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice

      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,197
    Vote Rating
    482
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      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
    465
    Vote Rating
    69
    suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice

      0  

    Default


    Thanks Scott appreciated

  6. #6
    Sencha User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Brazil, Goiânia
    Posts
    472
    Vote Rating
    12
    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
    Twitter:
    @januariocoder
    Email: wemerson.januario@gmail.com

    From: Goiânia, Brazil
    Ext JS Developer

  7. #7
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,197
    Vote Rating
    482
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      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
    465
    Vote Rating
    69
    suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice

      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

    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;
    }