1. #1
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Answers
    3
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Default Answered: Proper fill for grid panel empty space beneath last row

    Answered: Proper fill for grid panel empty space beneath last row


    ExtJS v4.1.1a

    I have a grid panel.
    It displays a fixed number of items (though their height is somewhat variable).
    The grid panel has a fixed height (tall enough that all items display...regardless of their height, with no scroll bar).
    I'm using a row numbering column (first).

    The problem is that there is a variable amount of white space between the bottom of the listed items and the page control.

    Is there a reasonably simple way to get a cross browser friendly fill for the empty space that just looks like an empty row (first cell with the shading for a row numbering column etc.)?

    A bodyCls doesn't seem to work...the row numbering fill is different depending on the browser (gradient for recent browsers, but solid for older ones).

    I'm looking for suggestions to try.

    Thanks.

    -Chris

  2. You can change the css of the body background. Have you thought of letting it auto height?

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,047
    Answers
    3493
    Vote Rating
    850
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You can change the css of the body background. Have you thought of letting it auto height?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Answers
    3
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Default


    I am currently taking the approach of chaning the background css...I have a hoop to jump through due to rendering for older browsers, but it's an "OK" solution.

    I've got a paging tool bar docked at the bottom, and we don't want it contantly moving around, so shrinking the control isn't really an option here.

    Thanks.

    -Chris

Thread Participants: 1

Tags for this Thread