Hello,
I have an issue with the width of my page when using the horizontal splitter with splitter panes with vertical scroll bars. The page is getting larger than normal with exact the width of the scrollbar, causing a horizontal scrollbar to appear in the browser.Actually even if I take out the vertical scrollbars the page width remains larger than it should be. Do you know what do I do wrong or how can this issue be fixed?
Here is an example:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="exemplu.aspx.cs" Inherits="ClientRequestManager.Pages.exemplu" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>SplitterPaneWidthExample</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ProjectsLayoutScriptManager" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="ProjectContentUpdatePanel" runat="server">
<ContentTemplate>
<table>
<tr>
<td>
<eo:Splitter ID="Splitter1" runat="server" Orientation="Horizontal" DividerImage="00080431" AutoFillWindow="True" ExpandCollapseButtonAlign="Center" ExpandButtonImage="00080432" Height="100%">
<eo:SplitterPane ID="topPane" runat="server" Height="350px"
MaxHeight="400" MinHeight="40" ScrollBars="Vertical">
<asp:Panel ID="Panel1" runat="server">
<table>
<tr>
<td>
Hello Top example
</td>
</tr>
</table>
</asp:Panel>
</eo:SplitterPane>
<eo:SplitterPane ID="botPane" runat="server"
ScrollBars="Vertical">
<asp:Panel ID="Panel2" runat="server">
<table>
<tr>
<td>
Hello Bottom
</td>
</tr>
</table>
</asp:Panel>
</eo:SplitterPane>
</eo:Splitter>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
Thanks a lot,
Laura