This is a migrated thread and some comments may be shown as answers.

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

3 Answers 74 Views
CheckBox
This is a migrated thread and some comments may be shown as answers.
Keith
Top achievements
Rank 1
Keith asked on 20 Oct 2016, 09:45 PM

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!

3 Answers, 1 is accepted

Sort by
0
Loïc
Top achievements
Rank 1
answered on 21 Oct 2016, 07:21 AM

Hi Keith!

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

Is it a <div> ?

0
Keith
Top achievements
Rank 1
answered on 21 Oct 2016, 12:01 PM

It is a Panel.

Sincerely,

Keith Jackson

0
Keith
Top achievements
Rank 1
answered on 21 Oct 2016, 06:39 PM

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

Tags
CheckBox
Asked by
Keith
Top achievements
Rank 1
Answers by
Loïc
Top achievements
Rank 1
Keith
Top achievements
Rank 1
Share this question
or