telerik:RadListBox is not scrolling relatively with other controls in aspx page

8 posts, 0 answers
  1. satya chaluvadi
    satya chaluvadi avatar
    4 posts
    Member since:
    Jul 2009

    Posted 04 May 2010 Link to this post

    Hi,

       I am using  telerik:RadListBox in one of the page, and for navigating through the page, we have to use scroll bar for moving down to bottom of the page,  I see one issue with telerik:RadListBox control, it is not moving in position, when we use scrollbar, it is hanging in one place, even though other html controls are moving.   Please let me know, if there are suggestions over coming the issue.

    Regards,
    Satya
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 04 May 2010 Link to this post

    Hi Satya,

    RadListBox has position: relative by default and this triggers the position: relative bug in IE6/7. To fix it, you need to add position: relative to any scrollable container in which RadListBox is located.

    Sincerely yours,
    Kamen Bundev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mecho
    Mecho avatar
    1 posts
    Member since:
    Sep 2009

    Posted 11 Jan 2011 Link to this post

    Hi,

    Even i'm facing the same issue. RadListBox is inside a RadPanel. I tried setting the postion of RadPanel to "relative", but it did not work. Rendered Html does not have position attribute set for the RadPanel's Div. Is there any other solution to the problem?

    Regards,
    Achmed.
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 12 Jan 2011 Link to this post

    Hello Mecho,

    You need to identify which exactly is the scrolling container and set position: relative with CSS to it. If you send me a live URL where I can reproduce the issue in the support ticket you've opened, I can do this for you and tell you how to fix it.

    All the best,
    Kamen Bundev
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  6. Dmitri Filatov
    Dmitri Filatov avatar
    1 posts
    Member since:
    Jun 2009

    Posted 15 May 2012 Link to this post

    Hi Kamen,

    I tried setting position to every possible container of my listbox and nothing works. Is there any chance you can look at my markup and give me a hint?

    Thanks
  7. Genady Sergeev
    Admin
    Genady Sergeev avatar
    1596 posts

    Posted 17 May 2012 Link to this post

    Hello Satya,

    Please open a support ticket and attach your page there or point us to a live url where we can observe the problem.

    Regards,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  8. Roberto
    Roberto avatar
    6 posts
    Member since:
    Jul 2011

    Posted 06 Jun 2012 Link to this post

    Hi:

    I have the same problem. I tried adding style="position:relative" to the table, tr, td, even to the RadListBox, to no avail. Here's my aspx code (the RadListBox code is written in bold):

    <table border="1" cellpadding="0" cellspacing="0" style="width: 100%; height: 200px;
                            border-right: #949a98 1px; border-top: #949a98 1px; border-left: #949a98 1px;
                            border-bottom: #949a98 1px;">
                            <tr>
                                <td align="left" style="height: 100%; width: 100%;" valign="top">
                                    <!---Pestañas (Botones) -->
                                    <table border="1" cellpadding="3" cellspacing="3" style="width: 100%;">
                                        <tr>
                                            <asp:Label ID="lblIdModesp" runat="server" SkinID="EtiquetaSK" Text="ID del mód. esp.:"></asp:Label>
                                            <asp:TextBox ID="TidModesp" runat="server" SkinID="CampoSK" Width="70px" TabIndex="1"></asp:TextBox>
                                            <asp:Label ID="lblDescrip" runat="server" SkinID="EtiquetaSK" Text="Descripción: "></asp:Label>
                                            <asp:TextBox ID="Tdescrip" runat="server" SkinID="CampoSK" Width="200px" TabIndex="2"></asp:TextBox>
                                        </tr>
                                        <tr>
                                            <asp:CheckBox ID="chkELEGIR_EMPLEADOS" Text="Elegir Empleados" runat="server" Width="120px"
                                                TabIndex="2" Font-Size="7.5"></asp:CheckBox>
                                            <asp:CheckBox ID="chkELEGIR_AMES" Text="Elegir AMES" runat="server" Width="85px "
                                                TabIndex="2" Font-Size="7.5"></asp:CheckBox>
                                            <asp:CheckBox ID="chkELEGIR_FECHA" Text="Elegir fecha" runat="server" Width="85px"
                                                TabIndex="2" Font-Size="7.5"></asp:CheckBox>
                                            <asp:CheckBox ID="chkELEGIR_FECHAS" Text="Elegir fechas" runat="server" Width="90px"
                                                TabIndex="2" Font-Size="7.5"></asp:CheckBox>
                                            <asp:CheckBox ID="chkELEGIR_PERIODO" Text="Elegir periodo" runat="server" Width="100px"
                                                TabIndex="2" Font-Size="7.5"></asp:CheckBox>
                                            <asp:CheckBox ID="chkELEGIR_PERIODOS" Text="Elegir periodos" runat="server" Width="105px"
                                                TabIndex="2" Font-Size="7.5"></asp:CheckBox>
                                            <asp:CheckBox ID="chkELEGIR_EMPRESA" Text="Elegir Empresa" runat="server" Width="105px"
                                                TabIndex="2" Font-Size="7.5"></asp:CheckBox>
                                        </tr>
                                        <asp:Label ID="lblCondEmp" runat="server" SkinID="EtiquetaSK" Text="Condición p/ Empleados:"></asp:Label>
                                        <asp:TextBox ID="txtCONDICION_EMPLEADOS" runat="server" SkinID="CampoSK" Width="300px"
                                            TabIndex="1"></asp:TextBox>
                                        <tr>
                                            <td>
                                                <asp:Label ID="lblListaCampos" runat="server" SkinID="EtiquetaSK" Text="Campos:" ></asp:Label>


                                                <telerik:RadListBox ID="cbCamposRemples" runat="server" Width="200px" Height="150px" 
                                                    CheckBoxes="true" ButtonSettings-ShowReorder="true" AllowReorder="true" ButtonSettings-ReorderButtons="All"
                                                    ButtonSettings-Position="Top">
                                                </telerik:RadListBox>

                                                
                                            </td>
                                            <td>
                                                <br />
                                                <br />
                                                <br />
                                                <asp:Label ID="ColEditarLblColumna" runat="server" SkinID="EtiquetaSK" Text="Columna:"
                                                    Width="70px" Font-Size="8" Font-Bold="true" Visible="false"></asp:Label>
                                 
    I'd appreciate any help,.
    Robert
  9. Genady Sergeev
    Admin
    Genady Sergeev avatar
    1596 posts

    Posted 12 Jun 2012 Link to this post

    Hi Roberto,

    I am unable to reproduce the problem with the sample markup attached. Please open as support ticket and attach runnable page that reproduces the problem. We will then take a look.

    All the best,
    Genady Sergeev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017