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

RadGrid in RadWindow Group resize

3 Answers 80 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Kurt Kluth
Top achievements
Rank 1
Kurt Kluth asked on 18 Dec 2013, 03:59 PM

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>

3 Answers, 1 is accepted

Sort by
0
Galin
Telerik team
answered on 23 Dec 2013, 09:12 AM
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
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.
0
Kurt Kluth
Top achievements
Rank 1
answered on 02 Jan 2014, 06:47 PM
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. 


0
Galin
Telerik team
answered on 07 Jan 2014, 12:10 PM
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
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
Kurt Kluth
Top achievements
Rank 1
Answers by
Galin
Telerik team
Kurt Kluth
Top achievements
Rank 1
Share this question
or