RadGrid in RadWindow Group resize

[Kurt Kluth]

Have an application that populates a RadGrid that resides within a RadWindow.  We have logic that will automatically set the size of the RadWindow to 80% of the available browser window size. 

On initial load of the RadGrid the display is just fine and looks good.  However if the user were to group something it will then resize the grid into something smaller.  At times causing the Filters to no longer be visible.  I have noticed others having the same sort of issue and the suggestions were cause each column to be a standard width or specify the size of the grid to be larger than the window.  Also suggestions of setting the "autoscroll".  Tried implementing those suggestions but results caused further problems.  Maybe there is a solution that I haven't found. 

Attached you will find what things look like when the grid is first populated and then what happens when a grouping is applied.

Thank you for your help

<telerik:RadGrid ID="_SearchResults" runat="server"
    AllowPaging="True" CellSpacing="0"
    GridLines="None" ShowGroupPanel="True"
    AllowSorting="True" PageSize="25" Width="100%" Height="100%"
    AllowFilteringByColumn="True" EnableLinqExpressions="true" HeaderStyle-Font-Bold="true"
    EnableEmbeddedSkins="False" CssClass="RadGrid_ASI"
    FilterItemStyle-BackColor="#6d9c1f" FilterMenu-BackColor="#CCCCCC" >
    <HeaderStyle CssClass="RadHeaderStyle" ForeColor="#ffffff" />
    <GroupingSettings CaseSensitive="False" />
    <ExportSettings IgnorePaging="True" OpenInNewWindow="True"
        ExportOnlyData="True" FileName="CUCustomSearch" >
        <Excel AutoFitImages="True" Format="ExcelML"  />
        <Pdf PageHeight="210mm" PageWidth="297mm" DefaultFontFamily="Arial Unicode MS" PageTopMargin="45mm"
            BorderStyle="Medium" BorderColor="#666666">
        </Pdf>
    </ExportSettings>
    <ClientSettings AllowDragToGroup="True" AllowColumnsReorder="True"
        ReorderColumnsOnClient="True">
        <Scrolling AllowScroll="True" UseStaticHeaders="True" FrozenColumnsCount="2" />
        <%--<Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" AllowResizeToFit="true" />--%>

    </ClientSettings>
    <MasterTableView CommandItemDisplay="Top" InsertItemDisplay="Bottom" ShowGroupFooter="false"
        TableLayout="Auto" Width="100%"
        PagerStyle-NextPageImageUrl="../images/Grid/PagingNext.gif" PagerStyle-LastPageImageUrl="../images/Grid/PagingLast.gif"
        PagerStyle-PrevPageImageUrl="../images/Grid/PagingPrev.gif" PagerStyle-FirstPageImageUrl="../images/Grid/PagingFirst.gif">
    <CommandItemSettings ShowAddNewRecordButton="False"
        ShowExportToCsvButton="False" ShowExportToExcelButton="true" ShowRefreshButton="False" ShowExportToPdfButton="False" ExportToExcelImageUrl="../images/Grid/ExportToExcel.gif" ExportToPdfImageUrl="../images/Grid/ExportToPdf.gif" />
        <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">
        </RowIndicatorColumn>
        <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"
            Visible="True" CollapseImageUrl="../images/Grid/SingleMinus.gif" ExpandImageUrl="../images/Grid/SingleMinus.gif">
        </ExpandCollapseColumn>
        <EditFormSettings>
            <EditColumn FilterControlAltText="Filter EditCommandColumn column">
            </EditColumn>
        </EditFormSettings>
    </MasterTableView>
    <FilterMenu EnableImageSprites="False" CssClass="RadMenu_ASI">
    </FilterMenu>
</telerik:RadGrid>

[Galin]

Hello Kurt,

I tried to replicate the described issue but to no avail. Please check out the attached sample page and let me know what is different on your side.

Regards,
Galin
Telerik

[Kurt Kluth]

Galin,

Thank you for the example and I was able to reproduce the problem with no additional changes to the code provided.  I added the 2 pages to a blank RadControls website project and ran the page.  The displaying of the RadWindow to 80% works without problems.  The problem occurs when you group the results by one of the columns.  Attached are the images of the results. 

NonGrouped.png displays the proper scroll on the bottom and all the columns are not displayed in the RadWindow (which is fine).  All Filter icons display properly next to each item. 
GroupingApplied.png displays what happens when I select any one of the columns to group by.  All Columns are displayed in RadWindow.  Filter icon for column ID "City_ID" is no longer visible.  Scroll bar on bottom is now missing.

When I remove the grouping the RadGrid returns to normal. 

Let me know if I need to provide anything else. 

[Galin]

Hi Kurt,

Thank you for sending more information.

The described issue can be observed on my side. When the RadGrid is grouped the MasterTableView is forced to TableLayout=Fixed and this is the reason for the described behavior. However you can get around it by setting the Width to all columns.
 
I hope this helps.

Regards,
Galin
Telerik