How to Keep Panel Contained Properly?

2 posts, 0 answers
  1. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 09 Oct 2014 Link to this post

    Here's some layout code on one of my pages:
    <telerik:RadPane ID="radPaneMain" runat="server" CssClass="paneMain" OnClientResized="radPaneMain_Resized">
      <asp:MultiView ID="multiViewMain" runat="server">
        <asp:View ID="View1" runat="server">
          <%-- Note: In order for ScrollBars to function, the dimensions of the Panel (Div) have to be explicitly set.
               Since the width of panelMucking can change, we're going to explicitly set the Width in code. The actual
               turning on/off of the scrollbars is handled directly by the 'DrawFlowChartShapes' method --%>
          <asp:Panel ID="panelMucking" runat="server" CssClass="smallText" ScrollBars="None" EnableViewState="false" style="position:relative" />

    The only pertinent thing you need to know about the paneMain CSS Class is that:  height: 100%

    Shown in the attachments are two screenshots.  The first is the normal, standard appearance.  However, when the flowchart objects get too big to fit in the available space then, in code, I turn the scrollbar(s) of panelMucking on.  The second screenshot shows the problem that occurs however.  Notice how things are shifted to the right and down a little - when I don't want them to be.

    Any advice on how to resolve this?

    Note: The app will be run exclusively on IE11.

  2. Vessy
    Vessy avatar
    1353 posts

    Posted 14 Oct 2014 Link to this post

    Hello Robert,

    I a afraid that the provided information was not enough to reproduce the problematic behavior on our side and so we could not figured out what is causing it. Can you please provide a little bit more information regarding the specific scenario?
    • Can you remove all custom JavaScript and see what the results will be?
    • Can you disable the scrolling of the radPaneMain RadPane, remaining only the one of the panelMucking Panel?

    If non of the above helps in solving the case, we will need to examine the whole Splitter's configuration in order to determine the cause of the problem. You can follow the steps from this blog post in order to prepare a sample runnable project reproducing the case and send it to us for a further investigation.

    Looking forward to hearing from you,

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
Back to Top