Results 1 to 1 of 1

Thread: css override to support text wrapping in ListViews and GridPanels

  1. #1
    Ext User
    Join Date
    Jun 2009
    Posts
    16
    Vote Rating
    0
      0  

    Default 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

Posting Permissions

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