Horizontal scroll bar with checkboxes enabled

6 posts, 0 answers
  1. Alex
    Alex avatar
    31 posts
    Member since:
    Jun 2011

    Posted 16 Sep 2014 Link to this post

    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?
  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 19 Sep 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Alex
    Alex avatar
    31 posts
    Member since:
    Jun 2011

    Posted 19 Sep 2014 in reply to Magdalena Link to this post

    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.
  5. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 23 Sep 2014 Link to this post

    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.

     
  6. Alex
    Alex avatar
    31 posts
    Member since:
    Jun 2011

    Posted 23 Sep 2014 in reply to Magdalena Link to this post

    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.
  7. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 23 Sep 2014 Link to this post

    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.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017