Telerik blogs

Ever wonder how to make a pageable & sortable grid Section 508 compliant? Well with RadGrid this is trivial task! The tricky part is to tell the grid to not render or require any JavaScript on the page:

1. Inherit from RadGrid and override three methods:

    public class MyGrid : RadGrid
        public MyGrid()

        protected override void RegisterScriptControl()
            // do not register as ScriptControl

        protected override void RegisterScriptDescriptors()
            // do not register script descriptors

        protected override void RegisterCssReferences()
            // do not register css references

2. Add the grid to your page, define header button type for all grid columns & pager template:

        <telerik:MyGrid ID="MyGrid1" Skin="Sunset" DataSourceID="LinqDataSource1" AllowPaging="true"
            AllowSorting="true" runat="server" OnColumnCreated="MyGrid1_ColumnCreated">
            <MasterTableView Caption="Customers" Summary="Customers">
                    Change page: <asp:Button ID="Button1" ToolTip="Previous Page" CommandName="Page" CommandArgument="Prev" CssClass="rgPagePrev" runat="server" />
                    <asp:Button ID="Button2" ToolTip="Next Page" CommandName="Page" CommandArgument="Next" CssClass="rgPageNext" runat="server" />

    protected void MyGrid1_ColumnCreated(object sender, GridColumnCreatedEventArgs e)
        e.Column.HeaderButtonType = GridHeaderButtonType.PushButton;

3. Make the grid pretty:

<link type="text/css" rel="stylesheet" href="Skins/Sunset/Grid.Sunset.css" />
<style type="text/css">
    .RadGrid_<%= MyGrid1.Skin %> th input
        background-color: Transparent;
        cursor: pointer;


Live Demo | Download

About the Author

Vladimir Enchev

is Director of Engineering, Native Mobile UI & Frameworks


Comments are disabled in preview mode.