Radio buttons and checkboxes bug

3 posts, 1 answers
  1. Deyan
    Deyan avatar
    15 posts
    Member since:
    Aug 2010

    Posted 22 Mar 2011 Link to this post

    I have simple page:

    1 grid with many rows (for scrolling), formdecorator and a checkbox on each row.

    When you make a scroll and click at checkbox or radio button then page make scrolling or disappears.

    If I avoid them from decorating everything is OK.

    P.S For another controls this not happens

    Here is the code:


    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <head runat="server">
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
        <style runat="server">
            html, body, form
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
                <%--Needed for JavaScript IntelliSense in VS2010--%>
                <%--For VS2008 replace RadScriptManager with ScriptManager--%>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        <script type="text/javascript">
            //Put your JavaScript code here.
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="True">
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
        <div class="scroll">
        <telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" GridLines="None" OnNeedDataSource="RadGrid1_NeedDataSource">
                <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
                    <HeaderStyle Width="20px"></HeaderStyle>
                <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
                    <HeaderStyle Width="20px"></HeaderStyle>
                    <telerik:GridTemplateColumn HeaderText="Checkox">
                    <asp:CheckBox ID="chk" runat="server" />
                    <telerik:GridBoundColumn DataField="text" FilterControlAltText="Filter column1 column"
                        HeaderText="Text" UniqueName="column1">
                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">
            <FilterMenu EnableImageSprites="False">
            <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

    Code Behind

    public partial class Default : System.Web.UI.Page 
        protected void Page_Load(object sender, EventArgs e)
        protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
            List<string> items = new List<string>();
            for(int i = 1; i <= 200; i++)
                items.Add(string.Format("Item {0}", i));
            RadGrid1.DataSource = items;
  2. Answer
    Bozhidar avatar
    677 posts

    Posted 23 Mar 2011 Link to this post

    Hello Deyan,

    Adding the following CSS (marked in yellow) in the head section of your document, will fix the problem:

    <style id="Style1" runat="server" type="text/css">
            html, body, form
                overflow: hidden;
                height: 100%;
                overflow: scroll;
                height: 100%;
                display: none;
                display: block\9;
                position: static;
                float: right;
                outline: 0;
                width: 0;

    the Telerik team
    Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
  3. DevCraft R3 2016 release webinar banner
  4. Deyan
    Deyan avatar
    15 posts
    Member since:
    Aug 2010

    Posted 23 Mar 2011 Link to this post

    10x it worked :)
Back to Top