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

GroupHeader Layout Issue

1 Answer 18 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Manuel
Top achievements
Rank 1
Manuel asked on 29 May 2012, 06:11 PM
Hi,

We have a RadGrid with Groupable columns, when the user group all the GroupHeaders has a white background with more height of usual like the first picture (CorrectLayout.jpg). When i Turn off the "AllowScroll=False" the GroupHeader layout behavior is correct for all the groups.

RadGrid aspx code:
<telerik:RadGrid ID="gridProductStore" runat="server" Skin="Windows7" AutoGenerateColumns="False"
             AllowPaging="True" AllowSorting="True" PageSize="8" 
             OnNeedDataSource="gridProductStore_NeedDataSource"
             ShowGroupPanel="true">
            <ExportSettings ExportOnlyData="True" IgnorePaging="True" HideStructureColumns="true"
                FileName="ProductStoreReport">
            </ExportSettings>
            <ClientSettings EnableRowHoverStyle="true"
                AllowDragToGroup="true"
                AllowGroupExpandCollapse="True">
                <Scrolling AllowScroll="False" UseStaticHeaders="True"></Scrolling>
            </ClientSettings>
            <GroupingSettings ShowUnGroupButton="true" />
            <MasterTableView CommandItemDisplay="Top"
                TableLayout="Auto"
                BorderStyle="None"
                ClientDataKeyNames="ProductStoreID"
                HeaderStyle-Wrap="true"
                HeaderStyle-HorizontalAlign="Center"
                ItemStyle-HorizontalAlign="Center"
                AlternatingItemStyle-HorizontalAlign="Center" >
                <CommandItemSettings ShowAddNewRecordButton="false" ShowExportToExcelButton="true">
                </CommandItemSettings>
                <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                </RowIndicatorColumn>
                <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                </ExpandCollapseColumn>
                <Columns>
                    <telerik:GridBoundColumn DataField="ProductStoreID" DataType="System.Int64" Visible="false"
                        FilterControlAltText="Filter ProductStoreID column" HeaderText="ProductStoreID"
                        SortExpression="ProductStoreID" UniqueName="ProductStoreID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ProductID" DataType="System.Int32" Visible="false"
                        FilterControlAltText="Filter ProductID column" HeaderText="ProductID"
                        SortExpression="ProductID" UniqueName="ProductID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="BatchID" DataType="System.Int64" HeaderStyle-Width="70px"
                        FilterControlAltText="Filter BatchID column" HeaderText="Batch N°"
                        SortExpression="BatchID" UniqueName="BatchID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ProductName" HeaderStyle-Width="180px"
                        FilterControlAltText="Filter ProductName column" HeaderText="Product Name"
                        SortExpression="ProductName" UniqueName="ProductName">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ClaimCode" Groupable="false" HeaderStyle-Width="100px"
                        FilterControlAltText="Filter ClaimCode column" HeaderText="Claim Code"
                        SortExpression="ClaimCode" UniqueName="ClaimCode">
                    </telerik:GridBoundColumn>
                    <telerik:GridCheckBoxColumn DataField="IsSold" DataType="System.Boolean" Groupable="false" HeaderStyle-Width="70px"
                        FilterControlAltText="Filter IsSold column" HeaderText="Is Sold"
                        SortExpression="IsSold" UniqueName="IsSold">
                    </telerik:GridCheckBoxColumn>
                    <telerik:GridBoundColumn DataField="ExpirationDate" DataType="System.DateTime" Groupable="false"
                        FilterControlAltText="Filter ExpirationDate column" HeaderText="Expiration Date"
                        SortExpression="ExpirationDate" UniqueName="ExpirationDate">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="UploadedDate" DataType="System.DateTime" Groupable="false"
                        FilterControlAltText="Filter UploadedDate column" HeaderText="Uploaded Date"
                        SortExpression="UploadedDate" UniqueName="UploadedDate">
                    </telerik:GridBoundColumn>
                </Columns>
                <EditFormSettings>
                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                    </EditColumn>
                </EditFormSettings>
                <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" Position="Bottom" />
                <ItemStyle HorizontalAlign="Center"></ItemStyle>
                <AlternatingItemStyle HorizontalAlign="Center"></AlternatingItemStyle>               
                <HeaderStyle HorizontalAlign="Center" Wrap="True"></HeaderStyle>
            </MasterTableView>
        </telerik:RadGrid>


Hope you can help me with this.

Best Regards,

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 01 Jun 2012, 02:10 PM
Hello Manuel,

I am afraid I am not able to reproduce the issue on my side. Using the exact provided code I have created a sample RadGrid page with my own datasource. Please find the attached Web Site and let me know if I am missing something out since everything works as expected on my end.

Could you please elaborate some more on the issue? On which browsers are you facing this problem? If you are applying any custom styling to your project, please disable it temporarily and see whether the problem persists.

All the best,
Eyup
the Telerik team
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 their blog feed now.
Tags
Grid
Asked by
Manuel
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or