How to Keep Panel Contained Properly?

[Robert]

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" />
    </asp:View>
  </asp:MultiView>
</telerik:RadPane>

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.

Robert

[Vessy]

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,
Vessy
Telerik