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

Scrolling problem with RadButtons within repeater in IE 10

1 Answer 38 Views
Button
This is a migrated thread and some comments may be shown as answers.
Boris
Top achievements
Rank 1
Boris asked on 19 Sep 2014, 06:52 PM
I have what I thought was a relatively simple screen layout.  I have a set of RadButtons within a repeater acting as check boxes.  The list is rather long so I've put the repeater inside an ASP:Panel with a vertical scroll bar.  This works perfectly in Chrome and FireFox.  Unfortunately the display is distorted in Internet Explorer 10.  The display of RadButtons extends far beyond the bounds of the panel.  Actually it looks like the labels are scrolling but not the buttons.  

(I see this was a problem back in IE6 & 7???  Tried variations on solutions mentioned back then but no luck so far.)  

Image attached.

 <asp:Panel runat="server" ScrollBars="Vertical" Height="425px">
                    <asp:Repeater runat="server" ID="rpApps" >
                        <HeaderTemplate>
                            <table style="margin-left: auto; margin-right: auto; width: 80%">
                                <tr>
                                    <td style="width: 50%; text-align: center">
                                        <asp:Label Width="225px" ID="label1" runat="server" Font-Bold="true" Text='Application' Font-Names="Arial" Font-Size="Medium"></asp:Label>
                                    </td>
                                    <td style="width: 50%; text-align: center">
                                        <asp:Label Width="75px" ID="label2" runat="server" Font-Bold="true" Text="Select" Font-Names="Arial" Font-Size="Medium"></asp:Label>
                                    </td>
                                </tr>
                            </table>
                        </HeaderTemplate>

                        <ItemTemplate>
                            <table style="margin-left: auto; margin-right: auto; width: 80%">
                                <tr>
                                    <td style="width: 50%; text-align: left">
                                        <asp:Label Width="225px" ID="lblAppDesc" runat="server" Text='<%# Bind("DetDesc") %>' Font-Names="Arial" Font-Size="Small"></asp:Label>
                                    </td>
                                    <td style="width: 50%; text-align: center">
                                        <telerik:RadButton ID="chkSelectApp" runat="server" ButtonType="ToggleButton" Checked='<%# Bind("IsNew") %>' Text="" ToggleType="CheckBox" Font-Names="Arial" Font-Size="Small" AutoPostBack="false" CausesValidation="false" EnableViewState="true">
                                        </telerik:RadButton>
                                    </td>
                                </tr>
                            </table>

                        </ItemTemplate>
                    </asp:Repeater>
                </asp:Panel>

1 Answer, 1 is accepted

Sort by
0
Boris
Top achievements
Rank 1
answered on 22 Sep 2014, 12:59 PM
Let's forget about this one.  The solution was to replace the RadButtons with Asp Check Boxes.   There simply wasn't any need for Radbuttons within the repeater.
Tags
Button
Asked by
Boris
Top achievements
Rank 1
Answers by
Boris
Top achievements
Rank 1
Share this question
or