[Solved] Reading RadGrid in 508 mode

[Owen]

Hello,

I have a RadGrid that uses a Static header.

<telerik:RadGrid
                        ID="radFolderGrid"
                        EnableViewState="true"
                        padding-left="15px"
                        runat="server"
                        Height="230px"
                        Width="990px"
                        AllowSorting="true"
                        CssClass="AddCustom"
                        EnableHeaderContextMenu="false"
                        BorderWidth="1px"
                        BorderColor="#CC9966"
                        EnableEmbeddedBaseStylesheet="false"
                        EnableEmbeddedSkins="false">
                        <AlternatingItemStyle CssClass="epListDataShadeLightNormal"></AlternatingItemStyle>
                        <ItemStyle CssClass="epListDataShadeDarkNormal"></ItemStyle>
                        <MasterTableView AutoGenerateColumns="False" Width="97.8%" TableLayout="Fixed">
                            <Columns>
                                <telerik:GridBoundColumn DataField="UI_LNAME" HeaderText="Last Name" HeaderStyle-Wrap="true" ItemStyle-Wrap="True" ItemStyle-CssClass="epTextWrap" HeaderStyle-Width="100px" SortExpression="UI_LNAME" UniqueName="UI_LNAME" />
                                <telerik:GridBoundColumn DataField="UI_FNAME" HeaderText="First Name" HeaderStyle-Wrap="true" ItemStyle-Wrap="True" ItemStyle-CssClass="epTextWrap" HeaderStyle-Width="100px" SortExpression="UI_FNAME" UniqueName="UI_FNAME" />
                                <telerik:GridBoundColumn DataField="eopff_eff_date" HeaderText="Latest Eff. Date" HeaderStyle-Wrap="true" ItemStyle-Wrap="True" HeaderStyle-Width="90px" SortExpression="eopff_eff_date" UniqueName="eopff_eff_date" />
                                <telerik:GridBoundColumn DataField="EUI_CPO_ID" HeaderText="PO ID" HeaderStyle-Wrap="true" ItemStyle-Wrap="True" HeaderStyle-Width="75px" SortExpression="EUI_CPO_ID" UniqueName="EUI_CPO_ID" />
                                <telerik:GridBoundColumn DataField="EUI_ORG_CODE" HeaderText="Org Code" HeaderStyle-Wrap="true" ItemStyle-Wrap="True" HeaderStyle-Width="75px" SortExpression="EUI_ORG_CODE" UniqueName="EUI_ORG_CODE" />
                                <telerik:GridBoundColumn DataField="EUI_ACTIVITY_CODE" HeaderText="Activity Code" HeaderStyle-Width="75px" HeaderStyle-Wrap="true" ItemStyle-Wrap="True" SortExpression="EUI_ACTIVITY_CODE" UniqueName="EUI_ACTIVITY_CODE" />
                                <telerik:GridBoundColumn DataField="eopff_folder_status" HeaderText="Folder Status" HeaderStyle-Wrap="true" ItemStyle-Wrap="True" HeaderStyle-Width="75px" SortExpression="eopff_folder_status" UniqueName="eopff_folder_status" />
                                <telerik:GridButtonColumn ButtonType="ImageButton" UniqueName="Open" HeaderText="Open" CommandName="Open" DataTextField="Open" ImageUrl="../images/ig_treeXPFolderClosed.gif">
                                    <HeaderStyle CssClass="action" HorizontalAlign="Center" />
                                    <ItemStyle CssClass="action" HorizontalAlign="Center" />
                                </telerik:GridButtonColumn>
                                <telerik:GridButtonColumn ButtonType="ImageButton" UniqueName="Add_Doc" DataTextFormatString="Add Doc" HeaderText="Add Doc" CommandName="Add Doc" DataTextField="Add Doc" ImageUrl="../images/tb_add.gif">
                                    <HeaderStyle CssClass="action" HorizontalAlign="Center" />
                                    <ItemStyle CssClass="action" HorizontalAlign="Center" />
                                </telerik:GridButtonColumn>
                                <telerik:GridButtonColumn ButtonType="ImageButton" UniqueName="Show_All_Docs" DataTextFormatString="Show All Docs" HeaderText="Show All Docs" CommandName="Show All Docs" DataTextField="Show All Docs" ImageUrl="../images/SelectedFolder.gif">
                                    <HeaderStyle CssClass="action" HorizontalAlign="Center" />
                                    <ItemStyle CssClass="action" HorizontalAlign="Center" />
                                </telerik:GridButtonColumn>
                                <telerik:GridButtonColumn ButtonType="ImageButton" UniqueName="Emergency_Data" DataTextFormatString="Emergency Data" HeaderText="Emergency Data" CommandName="Emergency Data" ImageUrl="../images/tb_emergency.gif" DataTextField="Emergency Data">
                                    <HeaderStyle CssClass="action" HorizontalAlign="Center" />
                                    <ItemStyle CssClass="action" HorizontalAlign="Center" />
                                </telerik:GridButtonColumn>
                                <telerik:GridButtonColumn ButtonType="ImageButton" UniqueName="Clip_Folder" DataTextFormatString="Clip Folder" HeaderText="Clip Folder" CommandName="Clip Folder" DataTextField="Clip Folder" ImageUrl="../images/tb_ClipFolder.gif">
                                    <HeaderStyle CssClass="action" HorizontalAlign="Center" />
                                    <ItemStyle CssClass="action" HorizontalAlign="Center" />
                                </telerik:GridButtonColumn>
                                <telerik:GridButtonColumn ButtonType="ImageButton" UniqueName="View_PDQ" DataTextFormatString="View PDQ" HeaderText="View PDQ" CommandName="View PDQ" DataTextField="View PDQ" ImageUrl="../images/tb_pdq.gif">
                                    <HeaderStyle CssClass="action" HorizontalAlign="Center" />
                                    <ItemStyle CssClass="action" HorizontalAlign="Center" />
                                </telerik:GridButtonColumn>
                                <telerik:GridButtonColumn ButtonType="ImageButton" UniqueName="View_Career_Brief" DataTextFormatString="View Career Brief" HeaderText="View Career Brief" CommandName="View Career Brief" DataTextField="View Career Brief" ImageUrl="../images/tb_cb.gif">
                                    <HeaderStyle CssClass="action" HorizontalAlign="Center" />
                                    <ItemStyle CssClass="action" HorizontalAlign="Center" />
                                </telerik:GridButtonColumn>
                                <telerik:GridBoundColumn DataField="eopff_side" DataType="System.Decimal" HeaderStyle-Width="0px" HeaderText="ID" UniqueName="eopff_side" Display="false" />
                                <telerik:GridBoundColumn DataField="UI_ID" DataType="System.Decimal" HeaderStyle-Width="0px" HeaderText="ID" UniqueName="UI_ID" Display="false" />
                            </Columns>
                        </MasterTableView>
                        <SortingSettings EnableSkinSortStyles="false" />
                        <ClientSettings ClientEvents-OnColumnResizing="onColumnResizing" AllowKeyboardNavigation="true">
                            <Scrolling AllowScroll="True" UseStaticHeaders="true" SaveScrollPosition="True"></Scrolling>
                            <Selecting AllowRowSelect="true" />
                            <Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" AllowResizeToFit="true" />
                        </ClientSettings>
                    </telerik:RadGrid>

If useStaticHeader is set to True, when tabbing through the Grid it goes through the header only and ignore the data. If useStaticHeader is set to false, it tabs through the both header and data.

What can I do to make it Tab through both the Header and Data when useStaticHeader = true.

[Milena]

Hello,

The browser determines which will be the order for passing the elements. RadGrid does not control this behavior. You can manipulate it as set the TabIndex attribute with the corresponding value  to the element you want to tab.

Regards,
Milena
Telerik