Scroll RadPivotGrid Fields Window

[Randy]

I am trying to put together a general purpose pivot table, so I don't really know what columns they will be needing. As a result I have a lot of hidden fields. 

Is it possible to get a scrollbar on that window? You can expand it of course, but only gives me 35 to 40 hidden fields. Expanding the width only makes the objects wider, it it would switch to multiple columns that would be a good alternative to a scrollbar.

Thanks
Randy Miller

[Venelin]

Hello Randy,

I am not sure I understand your question correctly but in RadPivotGrid the horizontal scroll is enabled by default and if you have more columns in future it will automatically add the scroll bar. Please examine the PivotGrid - Scrolling demo and see if it helps you resolving your case.

Regards,
Venelin
Telerik

[Randy]

I think there is some confusion about which window I am talking about. I am referring to the Fields Window Popup, not the pivot window, please see attached graphic.

I have 20 different fields in the list. The majority are hidden. I don't know which fields they need, so I have included those 20, however there will probably be closer to 40 when I am done. I can resize the fields window until everything is visible, but even with 20 the fields window is taller than the actual pivot table. It does work since I get scrollbars, but isn't optimum. I would like to be able to put a scrollbar on the field window itself. That way within reason, the number doesn't matter.

Thanks
Randy

[Venelin]

Hi Randy,

You can achieve the desired functionality by adding the following CSS to your styles:

.rpgFieldsWindow {
    overflow: auto;
}

In this manner scroll bars will appear whenever they are needed.

I hope this helps.

Regards,
Venelin
Telerik

[Randy]

That worked, thanks.
Incase anybody else is looking I did have to add the !important to the line as well to get it to take.

Randy

<style type="text/css">
    .rpgFieldsWindow  {
        overflow: auto !important;
    }
</style>

[Venelin]

Hi Randy,

Note that it is not recommended to use !important when it can be avoided. Instead you can increase the selector specificity by adding elements, classes, ids etc. like so:

div.rpgFieldsWindow {
    overflow: auto;
}

In this manner the specificity is increased by 1 - one element is added to the selector.

Regards,
Venelin
Telerik