Configuration panel is not responsive

4 posts, 0 answers
  1. Yohan
    Yohan avatar
    32 posts
    Member since:
    Jan 2014

    Posted 22 Jan 2014 Link to this post

    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
  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 24 Jan 2014 Link to this post

    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
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Yohan
    Yohan avatar
    32 posts
    Member since:
    Jan 2014

    Posted 25 Jan 2014 Link to this post

    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
  5. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 29 Jan 2014 Link to this post

    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
    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 UI for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top