RadNumericTextBox and RadDateInput won't scroll inside the page

[Roberto]

I'm using RadNumericTextBox and RadDateInput controls in a page that has more controls than can fit on the page, and when I scroll the page using the mouse wheel, those Telerik controls remain on their location without scrolling. Does it have to do with the ability to scroll inside those controls?

How do I fix it, is there any way of disabling the mouse wheel for those controls?

Thanks

[Shinu]

Hi Roberto,

Unfortunately I couldn't replicate the issue at my end. Please have a look into the sample code which works fine at my end.

ASPX:

<asp:Panel Height="70px" runat="server" ScrollBars="Auto">
    <telerik:RadTextBox ID="RadTextBox1" runat="server" Text="Text">
    </telerik:RadTextBox>
    <br />
    <br />
    <asp:Label ID="Label1" runat="server" Text="This is an example">
    </asp:Label>
    <br />
    <br />
    <telerik:RadComboBox ID="RadComboBox1" runat="server">
        <Items>
            <telerik:RadComboBoxItem Text="Item1" />
            <telerik:RadComboBoxItem Text="Item2" />
            <telerik:RadComboBoxItem Text="Item3" />
        </Items>
    </telerik:RadComboBox>
    <br />
    <br />
    <telerik:RadDateInput ID="RadDateInput1" runat="server">
    </telerik:RadDateInput>
</asp:Panel>

Please provide your full code with CSS if it doesn't help.
Thanks,
Shinu.

[Roberto]

This is a portion of the code, the telerik control that has the problem (it remains on its location without scrolling with the other non-telerik controls) is TFecha_ini

<tr>

<td align="right" style="width: 35%; height: 20px;">

<asp:Label ID="Label1" runat="server" SkinID="EtiquetaSK" Text="Fecha inicial:"

meta:resourcekey="Label1Resource1"></asp:Label>

</td>

<td style="width: 65%; height: 20px;">

<telerik:RadDateInput ID="TFecha_ini" runat="server" MaxLength="10"

skinid="FechaTel" AutoPostBack="True" Culture="Spanish (Argentina)"

DateFormat="dd/MM/yyyy" DisplayDateFormat="dd/MM/yyyy" LabelCssClass=""

meta:resourcekey="TFecha_iniResource1">

</telerik:RadDateInput>

</td>

 

The same problem happens with this one, the control id is Tdias

<tr>

 <td align="right" style="width: 35%; height: 20px;">

 <asp:Label ID="Label4" runat="server" SkinID="EtiquetaSK"

 Text="Días de vacaciones: " meta:resourcekey="Label4Resource1"></asp:Label>

 </td>

 <td style="width: 65%; height: 20px;">

 <Telerik:RadNumericTextBox ID="Tdias" runat="server" SkinID="CampoSK" Width="75px"

 AutoPostBack="True" meta:resourcekey="TdiasResource1"></Telerik:RadNumericTextBox >

 </td>

 </tr>

Basically, when I scroll the mouse Wheel, the controls in the page scroll up or down but these Telerik controls remain on their position.

Thanks

 

 

 

[Shinu]

Hi Roberto,

The given code is working fine at my end. One suggestion is that please try to set the RadControls Position property to relative and try to add Position as relative to any scrollable container in which RadControls is located. Please provide the exact steps or code to reproduce the issue.

Thanks,
Shinu.