Configuration panel is not responsive

[Yohan]

I'm using OLAP connection to pivot grid. My application must work on all resolutions  including 1024X768 and above with browser re size responsive capability. I have noticed that pivot grid configuration panel is not responsive when browser re size. even when set fixed height low height it wont re size configuration panel but show some of the elements cropped. Is there a workaround to achieved this functionality? 

Regards,
Yohan

[Maria Ilieva]

Hello Yohan,

We are currently working on optimizing our controls rendering in order to be responsive for all mobile devises. This is our dev team main task and we hope we will have some results on this case soon.

Excuse us for any inconvenience this issue may lead.

Regards,
Maria Ilieva
Telerik

[Yohan]

Hello Maria,

Will this be fixed in 2014 Q1 release? if not is there any patch mechanism which i can fallow for now?

Regards,
Yohan

[Maria Ilieva]

Hi Yohan,

It appears that the issue mainly appear in case the configuration Panel position is set to top or bottom. Could you please try applying the fix below and verify if this helps:

<script>
    if (Telerik.Web.UI.RadPivotGrid)
    {
        Telerik.Web.UI.RadPivotGrid.prototype._getPivotWrapperElement = function ()
        {
            var element = this.get_element();
            if (element.className.indexOf("rpgConfigurationPanel ") != -1)
            {
                return $get(this.get_id() + "_OT").parentNode;
            }
            return element;
        }

        Telerik.Web.UI.RadPivotGrid.prototype._calculateScrollHeight = function ()
        {
            var resultHeight = this._clientSettings._scrolling._scrollHeight.Value;
            if (this._isHeightSet())
            {
                var cumulativeHeight = 0;
                var outerTable = $get(this.ClientID + "_OT");
                var rows = outerTable.tBodies[0].rows;
                for (var i = 0; i < rows.length; i++)
                {
                    if (rows[i].cells.length > 0)
                    {
                        if (rows[i].cells[0].className != "rpgRowHeaderZone")
                        {
                            cumulativeHeight += rows[i].cells[0].offsetHeight;
                        }
                    }
                }
                var pivotGridHeight = this.get_element().style.height.indexOf("px") > -1 ? parseInt(this.get_element().style.height, 10) : this.get_element().offsetHeight;
                if (this._configurationPanel && (this._configurationPanel.get_element().className.indexOf("rpgTopConfigurationPanel") != -1 || this._configurationPanel.get_element().className.indexOf("rpgBottomConfigurationPanel") != -1))
                {
                    pivotGridHeight -= parseInt(this._configurationPanel.get_element().offsetHeight, 10);
                }
                resultHeight = pivotGridHeight - ++cumulativeHeight;
                if (resultHeight < 0)
                {
                    resultHeight = 50;
                }
            }
            return resultHeight;
        }
    }
</script>

The same fix will be included in the Q1 2014 release of the controls.

Regards,
Maria Ilieva
Telerik