mpelzsherman
12 Nov 2009, 3:31 PM
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:
/* 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
/* 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