Wednesday, 18 April 2012

how to wrap text in radgrid's column or label without space

CSS Class :- 

.breakWord120
{
   max-width: 120px !important;
   word-break: break-all !important;
   word-wrap: break-word !important;
   vertical-align: top;
   line-height: 15px;
}

How to use in RadGrid. 
<telerik:GridBoundColumn DataField="Name" HeaderText="Name" UniqueName="Name" ItemStyle-CssClass="breakWord120"></telerik:GridBoundColumn>
How To Use In Label.
<asp:Label ID="Label1" runat="server" CssClass="breakWord120"></asp:Label>
By above example you can able to break the RadGrid's column or any Label if their text width exceed the 120px.
Note : It worked on both cases is space is available (in text/content) or not.
Labels: ,
Posted by

15 comments:

  1. Anonymous30 January 2013 at 13:17

    it doesn't work

    ReplyDelete
  2. Jayesh Goyani1 February 2013 at 00:07

    Can you please provide your code? So, I will try to resolve your issue.

    ReplyDelete
  3. i-Imraj's Blog19 April 2013 at 03:14

    Hi this works great, thanks for the Post.

    ReplyDelete
  4. Unknown23 July 2013 at 03:45

    telerik:GridTemplateColumn Display="true" UniqueName="Activity" HeaderText="Indicate F if Financial Activity">









    .clsActivityHeader
    {
    max-width:2px !important;
    word-break: break-all !important;
    word-wrap: break-word !important;
    vertical-align: top;
    line-height: 5px;
    }



    im not getting a line break in the header ..what must i do?

    ReplyDelete
    Replies
    1. Unknown23 July 2013 at 03:47

      HeaderStyle CssClass="clsActivityHeader" Font-Bold="true"
      temStyle CssClass="clsActivity"
      I have added like this...please give me some inputs

      Delete
    2. Jayesh Goyani24 July 2013 at 01:41

      Please try with the below code snippet.

      HeaderStyle CssClass="clsActivityHeader" Width="2px"

      Delete
  5. Anonymous4 March 2014 at 21:16

    Thanks Jayesh, its working fine.

    ReplyDelete
  6. @ryan12 June 2014 at 06:44

    Thanks Jayesh, its working fine for me.

    ReplyDelete
  7. Tushar9 July 2014 at 00:26

    Thanks Jayesh, worked for me!!

    ReplyDelete
  8. Anonymous27 November 2014 at 15:08

    Excelent, it's working!

    ReplyDelete
  9. Anonymous13 December 2015 at 16:52

    Great workaround Jayesh, appreciate your efforts in blogging such tricks. Very helpful.

    ReplyDelete
  10. Anonymous28 June 2016 at 12:01

    It worked. Thank you Jayesh for sharing.

    ReplyDelete
  11. Anonymous29 March 2018 at 05:37

    Great it worked!!!Thanks a lot...

    ReplyDelete
  12. Theofules22 January 2020 at 08:31

    Thanks. its works

    ReplyDelete
  13. Saranya Arun13 May 2021 at 04:07

    Perfect. It resolved my issue. Thanks for posting

    ReplyDelete

Subscribe to: Post Comments (Atom)