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
    36,795
    Answers
    3466
    Vote Rating
    834
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi