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

Reading RadGrid in 508 mode

1 Answer 29 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Owen
Top achievements
Rank 1
Owen asked on 09 Jan 2014, 11:49 AM
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.

1 Answer, 1 is accepted

Sort by
0
Milena
Telerik team
answered on 14 Jan 2014, 10:07 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Grid
Asked by
Owen
Top achievements
Rank 1
Answers by
Milena
Telerik team
Share this question
or