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

[satya chaluvadi]

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

[Kamen Bundev]

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.

[Mecho]

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.

[Kamen Bundev]

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

[Dmitri Filatov]

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

[Genady Sergeev]

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

[Roberto]

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

[Genady Sergeev]

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