I have a RadGrid on my form that has Grouping Enabled. When I run this in IE 8 the Grid shows up fine, the Group Panel is at the top and I can Group.
When I go to FireFox the group Panel is off to the left of the columns. It looks like its being treated like another column. My code is below.
When I go to FireFox the group Panel is off to the left of the columns. It looks like its being treated like another column. My code is below.
<telerik:RadGrid ID="gv_RadQueryResults" runat="server" AllowFilteringByColumn="True"
AllowMultiRowEdit="True" AllowPaging="True" AllowSorting="true" AutoGenerateColumns="true"
BorderStyle="None" BorderWidth="0px" CellPadding="0" GridLines="None" PageSize="15" Skin="Simple" Width="100%" ShowGroupPanel="True">
<ClientSettings AllowDragToGroup="True">
</ClientSettings>
<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">
</HeaderContextMenu>
<MasterTableView CellPadding="0" CellSpacing="0">
<CommandItemSettings ExportToPdfText="Export to Pdf" />
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
</RowIndicatorColumn>
<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
</ExpandCollapseColumn>
<EditFormSettings>
<EditColumn FilterControlAltText="Filter EditCommandColumn column">
</EditColumn>
</EditFormSettings>
<Columns>
<telerik:GridTemplateColumn AllowFiltering="False" FilterControlAltText="Filter TemplateColumn column"
ShowFilterIcon="False" ShowSortIcon="False" UniqueName="TemplateColumn">
<ItemTemplate>
<asp:CheckBox ID="chkbxRow" runat="server" />
</ItemTemplate>
<ItemStyle Width="20px" />
</telerik:GridTemplateColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="ViewRecord" FilterControlAltText="Filter column column"
ImageUrl="Images/view.gif" UniqueName="column">
<ItemStyle Width="20px" />
</telerik:GridButtonColumn>
</Columns>
</MasterTableView>
<FilterMenu EnableImageSprites="False" EnableTheming="True">
<CollapseAnimation Duration="200" Type="OutQuint" />
</FilterMenu>
<HeaderStyle Font-Size="Smaller" HorizontalAlign="Center" Wrap="False" />
<GroupPanel BorderStyle="None" EnableTheming="True">
<PanelStyle BorderStyle="None" CssClass="RadGrouping" HorizontalAlign="Left" />
<PanelItemsStyle BackColor="#E0E0E0" BorderStyle="None" CssClass="RadGrouping" HorizontalAlign="Left" />
</GroupPanel>
<GroupHeaderItemStyle HorizontalAlign="Left" />
<ExportSettings IgnorePaging="True">
</ExportSettings>
</telerik:RadGrid>