Filter Window Values Cutoff

[jhudson]

There seems to be some format issues with the base Filter Window. It either does not show the save buttons without scrolling, and applying filters where the side menu pops out almost always requires scrolling. 

I can set a height or min height and that seems to help with seeing the buttons, but the slide out filter menu even with a min width or width sometimes requires scrolling. And sometimes (but not always) the filter box "blue area" in the screenshot widens to take up the entire window area.

[jhudson]

I'm sure you will ask so here is the code.

 

<telerik:RadPivotGrid ID="reportPivotGrid" runat="server" OnNeedDataSource="reportPivotGrid_OnNeedDataSource" AllowSorting="True" Overlay="True"
         EnableToolTips="True" Skin="Windows7" ColumnHeaderZoneText="" DataHeaderZoneText="" ShowFilterHeaderZone="False" FilterWindow-Width="600"  FilterWindow-Height="550"
          UseQueryableDataProvider="True">
         <ClientSettings EnableFieldsDragDrop="false" Scrolling-SaveScrollPosition="True" />

         <PagerStyle ChangePageSizeButtonToolTip="Change Page Size" PageSizeControlType="RadComboBox"></PagerStyle>
             <RowHeaderCellStyle Width="200px" />

         <Fields>
             <telerik:PivotGridRowField DataField="Rep" ZoneIndex="1" Caption="Rep" SortOrder="Ascending">
             </telerik:PivotGridRowField>
             <telerik:PivotGridColumnField DataField="Year" SortOrder="Descending" Caption="Year">
             </telerik:PivotGridColumnField>
             <telerik:PivotGridColumnField DataField="Month" Caption="Month" SortOrder="Descending" >
             </telerik:PivotGridColumnField>
             <telerik:PivotGridAggregateField DataField="Sale" Aggregate="Sum" DataFormatString="{0:C}" Caption="Sales">
                 <TotalFormat Level="0" Axis="Rows" TotalFunction="NoCalculation" SortOrder="Ascending"></TotalFormat>
             </telerik:PivotGridAggregateField>
         </Fields>


     </telerik:RadPivotGrid>

[Maria Ilieva]

Hello Joshua,

I tried to replicate the described issue in a test application using your PivotGrid settings but to no avail. Find attached my test page and see what the difference in your case is.

Regards,
Maria Ilieva
Telerik

[jhudson]

Really? Because even your demo applications have the same issue.

http://demos.telerik.com/aspnet-ajax/pivotgrid/examples/firstlook/defaultcs.aspx

 Click on the filter icon for Product name, you will find that the save and cancel buttons are off screen. And if you hover over Label Filters or Value Filters the window is not wide enough to fit the popout menus that show. 

 The other issue, is less consistent. I've seen it mostly when the window is towards the bottom of the screen, but in truth I'd be happy for a fix to the first one.

[Maria Ilieva]

Hello,

You can increase the Filter Window width and height using the approach below:

<style type="text/css">
       .PivotGridWindow {
           width: 700px !important;
           height: 700px !important;
       }
   </style>

 Give this a try and see if this works for you.

Regards,
Maria Ilieva
Telerik

[Fernando]

And almost five years later, the problem persists. I don't like these solutions that overlap Telerik's CSS. I have had several bad experiences using this type of solution, which here in Brazil has a very pejorative nickname; we call this "gambiarra".

[Rumen]

Hi Fernando,

You are absolutely right and I fully agree with you that this styling defect should be fixed.

I logged the issue here and escalated the problem to our management so that it can be resolved in some of the upcoming releases. I also updated the Telerik points of You and Joshua who initially reported it.

Regards,
Rumen
Progress Telerik