RadCheckBox Text Wrap or put Carriage-return Line-feed in Text

4 posts, 0 answers
  1. Keith
    Keith avatar
    102 posts
    Member since:
    Mar 2015

    Posted 20 Oct Link to this post

    I have a RadCheckBox on an ASP.Net page with VB.net as the code-behind.

    The text for the RadCheckBox is kind of long so needs to be wrapped to the next line or put a carriage-return line-feed in the Text.

    I have tried putting <br /> in the Text but that did not work.

    I have tried putting the following CSS:

    html RadButton.rbCheckBox .rbText {
        word-wrap: normal;
    }

     

    But that did not work either.

    Attached is a screenshot showing the RadCheckBox circled in Red.

    Please help!

  2. Loïc
    Loïc avatar
    12 posts
    Member since:
    Oct 2016

    Posted 21 Oct in reply to Keith Link to this post

    Hi Keith!

    What is your container (the black border in the screenshot) ?

    Is it a <div> ?

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Keith
    Keith avatar
    102 posts
    Member since:
    Mar 2015

    Posted 21 Oct in reply to Loïc Link to this post

    It is a Panel.

    Sincerely,

    Keith Jackson

  5. Keith
    Keith avatar
    102 posts
    Member since:
    Mar 2015

    Posted 21 Oct in reply to Keith Link to this post

    Basically, the RadCheckBox is in a td in a HTML table which is in the ASP Panel.

    No matter what I tried I could not get the text to wrap or be able to put a carriage-return line-feed in the text.

    I have tried using a RadLabel for the Text of the RadCheckBox but found alignment issues with the box for the checkmark and the text in Internet Explorer version 11.  In Chrome it was much better aligned but was not perfectly aligned.

    I have tried a div around the RadCheckBox in the table cell and tried a separate ASP Panel in the table cell around the RadCheckBox.  Neither way got the text to wrap automatically.

    I ended up having some of the text in the RadCheckBox and the rest of the text in a RadLabel with a "<br />" between the RadCheckBox and RadLabel.

    The RenderMode for all Telerik controls on the page is Lightweight because I am working on changing the pages of our web site to be easier to read on a 10" tablet as well as look good when user accesses the web page through a laptop or desktop PC with a good size screen.

    Sincerely,

    Keith Jackson

Back to Top