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

Horizontal scroll bar with checkboxes enabled

5 Answers 93 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 1
Alex asked on 16 Sep 2014, 10:11 PM
I have followed the URL below to not wrap the values in a fixed-width RadListBox.

http://www.telerik.com/help/aspnet-ajax/listbox-scroll-items-horizontally.html

However, I have CheckBoxes set to true, so the non-wrapping is oddly formatted.  It appears as below

[] Value 1
[] Value 2
[]
Value 3 is very long and causes the correct scroll
[] Value 4

Is there a way around this?

5 Answers, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 19 Sep 2014, 07:50 AM
Hi Alex,

We have tested the scenario and it works fine at our side. We are sending you this video for your reference. Please, try to run also the tested project in the attachment if it works in your side.

Regards,
Magdalena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Alex
Top achievements
Rank 1
answered on 19 Sep 2014, 12:01 PM
Note that your example did not include CheckBoxes = true which is what is causing the issue.  I believe the issue is running in IE9 with in IE7 Standards mode.
0
Magdalena
Telerik team
answered on 23 Sep 2014, 09:01 AM
Hello Alex,

We have tested the scenario with enabled check-boxes but it seems that the workaround in the documentation works properly. We are sending you this video as a part of the testing. Please, try to run also the tested project in the attachment.

Could you please provide us with a project where the issue is reproduced? The other way is to modify the sample project in the attachment so the behavior will be the same as at your side and send it back to us? When we are able to reproduce the issue locally we could assist you in more efficient way.

Regards,
Magdalena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Alex
Top achievements
Rank 1
answered on 23 Sep 2014, 12:30 PM
I can't tell from your video what mode of IE (or even if you are using IE) you are using.  Again, I believe the issue is with IE's rendering of the control.
0
Magdalena
Telerik team
answered on 23 Sep 2014, 03:53 PM
Hello Alex,

We have succeeded to reproduce the issue in IE7 mode. We have updated your points for reporting an issue in the documentation. The other workaround is to set fixed height to the RadListBox and apply the following CSS
div.RadListBox .rlbText {
    white-space: nowrap;
}

Please, try to test also the tested project in the attachment which works properly also in IE7 at our side.

Regards,
Magdalena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
ListBox
Asked by
Alex
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Alex
Top achievements
Rank 1
Share this question
or