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

[Keith]

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!

[Loïc]

Hi Keith!

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

Is it a <div> ?

[Keith]

It is a Panel.

Sincerely,

Keith Jackson

[Keith]

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