1. 12 Nov 2009 3:31 PM #1
    mpelzsherman
    mpelzsherman is offline
    Ext User
    Join Date
    Jun 2009
    Posts
    16
    Vote Rating
    0
    mpelzsherman is on a distinguished road
      0  

    Default css override to support text wrapping in ListViews and GridPanels

    css override to support text wrapping in ListViews and GridPanels


    If you'd like the text in your ListViews and GridPanels to wrap at word boundaries instead of being truncated, here are some CSS overrides that will do this for you:
    Code:
    /* wrapping for ListViews */
/* this override is needed for IE */
.x-list-body dt {white-space: normal;}
.x-list-body dt em { white-space: pre-wrap !important; word-wrap: break-word !important;}

/* wrapping for GridPanels in Firefox and IE */
.x-grid3-cell-inner, .x-grid3-hd-inner{ white-space: normal; }
.x-grid3-cell-inner { white-space: pre-wrap !important; word-wrap: break-word !important;}
    Enjoy!

    - Michael
    Last edited by mystix; 16 Nov 2009 at 11:57 PM. Reason: POST CODE IN [code][/code] TAGS. see http://extjs.com/forum/misc.php?do=bbcode#code
    Reply With Quote Reply With Quote