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

Group Panel Issue

1 Answer 69 Views
Grid
This is a migrated thread and some comments may be shown as answers.
PATRICIA SEIFERT
Top achievements
Rank 1
PATRICIA SEIFERT asked on 19 Apr 2011, 03:32 PM
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.

 
 <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>

1 Answer, 1 is accepted

Sort by
0
Tsvetina
Telerik team
answered on 22 Apr 2011, 12:24 PM
Hi Patricia,

I am not sure if I replicated the exact issue that you are describing but when I used your code in a test page, the group panel was shrinked and left aligned. This was fixed by removing the following from your markup:
<GroupPanel BorderStyle="None" EnableTheming="True">
    <PanelStyle BorderStyle="None" CssClass="RadGrouping" HorizontalAlign="Left" />
    <PanelItemsStyle BackColor="#E0E0E0" BorderStyle="None" CssClass="RadGrouping" HorizontalAlign="Left" />
</GroupPanel>

I am attaching the test web site, take a look at it and let me know how it behaves on your side.

Regards,
Tsvetina
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Grid
Asked by
PATRICIA SEIFERT
Top achievements
Rank 1
Answers by
Tsvetina
Telerik team
Share this question
or