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

List box scroll bar not working when in a PageLayout row

2 Answers 54 Views
PageLayout
This is a migrated thread and some comments may be shown as answers.
Mary
Top achievements
Rank 1
Mary asked on 09 Apr 2018, 04:42 AM

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 Answers, 1 is accepted

Sort by
0
Mary
Top achievements
Rank 1
answered on 09 Apr 2018, 05:31 AM
update: if i increase the width of the form so there is a gap after the list it can scroll...
0
Attila Antal
Telerik team
answered on 11 Apr 2018, 01:33 PM
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.
Tags
PageLayout
Asked by
Mary
Top achievements
Rank 1
Answers by
Mary
Top achievements
Rank 1
Attila Antal
Telerik team
Share this question
or