Results 1 to 9 of 9

Thread: [CLOSED][3.0.0] css missing?

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User mschwartz's Avatar
    Join Date
    Nov 2008
    Location
    San Diego, Peoples' Republic of California
    Posts
    2,061

    Default [CLOSED] [3.0.0] css missing?

    If I create a grid with isFormField=true, it is unstyled.

    I think it should look like a textarea. There's no CSS for 'x-form-field x-grid-anything', maybe there should be? And for other components that might be used in forms, too.

    Attached is an image of a grid above a textarea. The textarea has a nice border around it, the grid is just a blank white rectangle. The grid has hideHeaders=true...
    Attached Images Attached Images

  2. #2
    Sencha User mschwartz's Avatar
    Join Date
    Nov 2008
    Location
    San Diego, Peoples' Republic of California
    Posts
    2,061

    Default

    Additionally, border: true and bodyBorder: true do nothing. However, if a tbar is added, the tbar gets border but not the grid space below.

  3. #3
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996

    Default

    I've modified the array grid example per your description above and the grid appears as expected.

    Please see this thread for the recommended format for a bug report:
    http://extjs.com/forum/showthread.php?t=71015
    Attached Images Attached Images

  4. #4
    Sencha User mschwartz's Avatar
    Join Date
    Nov 2008
    Location
    San Diego, Peoples' Republic of California
    Posts
    2,061

    Default

    You didn't put it in a form ;-)

  5. #5
    Sencha User mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,232

    Default

    Quote Originally Posted by mschwartz View Post
    You didn't put it in a form ;-)
    it really would help if you posted a drop-in test case.
    i imagine the time @evan spends writing test cases for the dozen or so bug reports you and i have both seen that end with a "oh crap! it's my fault! my bad... " could be better spent towards fixing actual bugs

  6. #6
    Sencha User mschwartz's Avatar
    Join Date
    Nov 2008
    Location
    San Diego, Peoples' Republic of California
    Posts
    2,061

    Default

    This isn't a code bug.

    You can just look at ext-all.css and see there are no styles for grids used as form fields.

    So I asked a more general question about that and illustrated it with an image.

    I wouldn't call this a bug but an oversight/omission.

    Hence the title: 'CSS missing?" vs. "bug, there is no CSS for..."

    I can style the grid myself with custom CSS, but that means I have to hack ext-all.css, and every .css file for every skin I'd want to use with the application. Hence I think it would benefit not only me but everyone else who ever uses isFormField=true to have the styling done proper.

    $.02

  7. #7
    Sencha User aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,488

    Default

    If you intend to aggregate a grid as a form field you should create a custom subclass which extends from Ext.form.Field. This is not a standard feature of Ext.
    Aaron Conran
    @aconran

  8. #8
    Sencha User mschwartz's Avatar
    Join Date
    Nov 2008
    Location
    San Diego, Peoples' Republic of California
    Posts
    2,061

    Default

    Every class that inherits component has this in the documentation:

    clearCls : StringThe CSS class used to to apply to the special clearing div rendered directly after each form field wrapper to provide...
    The CSS class used to to apply to the special clearing div rendered directly after each form field wrapper to provide field clearing (defaults to 'x-form-clear-left').

    Note: this config is only used when this Component is rendered by a Container which has been configured to use the FormLayout layout manager (e.g. Ext.form.FormPanel or specifying layout:'form') and either a fieldLabel is specified or isFormField=true is specified.

  9. #9
    Sencha User aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,488

    Default

    Yup, it will generate those CSS classes for you to use.
    Aaron Conran
    @aconran

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •