RadNumericTextBox and RadDateInput won't scroll inside the page

4 posts, 0 answers
  1. Roberto
    Roberto avatar
    6 posts
    Member since:
    Jul 2011

    Posted 27 Dec 2013 Link to this post

    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
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 29 Dec 2013 Link to this post

    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.
  3. Roberto
    Roberto avatar
    6 posts
    Member since:
    Jul 2011

    Posted 30 Dec 2013 Link to this post

    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

     

     

     

  4. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 30 Dec 2013 Link to this post

    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.
Back to Top