List box scroll bar not working when in a PageLayout row

3 posts, 0 answers
  1. Mary
    Mary avatar
    20 posts
    Member since:
    Nov 2017

    Posted 08 Apr 2018 Link to this post

    Good afternoon,

    I am trying to use PageLayout on a modal window to show advanced search options, but when I place a radistBox (or normal asp:listbox for that matter) inside the scroll bar in the list box appears but does not work by clicking and dragging - you can scroll the list by clicking inside and using the arrow keys. Trying to click in the scroll bar in fact selects other text in the form. Placing the list box code at the top of the page (out of the Layoutrow) works correctly.

    <telerik:LayoutRow RowType="Generic" CssClass="content">

            <Rows>
                <telerik:LayoutRow RowType="Container" WrapperHtmlTag="Div">
                    <Columns>
                        <telerik:LayoutColumn Span="3"  >
                        <h3>Select horse(s)</h3>
                        </telerik:LayoutColumn>    
                        <telerik:LayoutColumn Span="3" >
                        <h3>Select horses(s)</h3>
                        <telerik:RadListBox ID="RadListBox1" runat="server" 
                    DataTextField="HorseName" DropDownAutoWidth="Enabled" DataValueField="HorseKey"  Width="250"  CheckBoxes="True" Height="200" SelectionMode="Multiple" ShowCheckAll="True" />
                        </telerik:LayoutColumn>   

     

    Thanks in advance, Mary

  2. Mary
    Mary avatar
    20 posts
    Member since:
    Nov 2017

    Posted 09 Apr 2018 in reply to Mary Link to this post

    update: if i increase the width of the form so there is a gap after the list it can scroll...
  3. Attila Antal
    Admin
    Attila Antal avatar
    303 posts

    Posted 11 Apr 2018 Link to this post

    Hi Mary,

    To be able to provide with a more accurate answer, we would require more information about the scenario. I've tried to test it locally in which I've re-used the code snippet from below and seems that the scrolling is working. There might be some additional properties/settings we are missing which could be in fact the cause for the issue.

    Attached you can find the sample page I have used to test. It would be very helpful if you could modify this to produce the error and send it back to us for further investigation.

    I look forward to hearing from you.

    Kind regards,
    Attila Antal
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top