自动调整 radSplitter 上的内容大小答案

【问题标题】：Auto resize of content on radSplitter自动调整 radSplitter 上的内容大小
【发布时间】：2013-04-21 10:34:31
【问题描述】：

<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

 <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="800" Height="500">
      <telerik:RadPane ID="navigationPane" runat="server">
           Left Pane
      </telerik:RadPane>
      <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward">
      </telerik:RadSplitBar>
      <telerik:RadPane ID="contentPane" runat="server" PersistScrollPosition="False">
           Right Pane
               <div id="Map">
</div>
      </telerik:RadPane>
 </telerik:RadSplitter>
</form>

嗨，我的 Web 应用程序有上面的代码，所以基本上我需要帮助，我在 demo.telerik 上找不到教程，所以我需要你的帮助。与本网站相比，滑块有点太厚了。 http://demos.telerik.com/aspnet-ajax/splitter/examples/splitterorientation/defaultcs.aspx

第二个问题是如果我将滑块向左拖动，右侧面板上的内容没有放大并且保持不变右侧面板上的内容是。某种谎言没有自动调整大小以适应右侧面板

【问题讨论】：

标签： javascript html ajax visual-studio-2010 telerik

【解决方案1】：

我不明白，Splitbar 太粗了？您可以通过将 SplitBarSize 属性添加到 telerik:RadSplitter 元素来控制 RadSplitBar 的宽度。 http://www.telerik.com/community/forums/aspnet-ajax/splitter/radsplitbar-width-issue.aspx

RadPanes 中的内容应在您为 RadSplitter 分配的总空间内自动调整大小。如果您希望它填满屏幕并根据窗口大小进行调整，请考虑以下演示： http://demos.telerik.com/aspnet-ajax/splitter/examples/resizewithwindow/defaultcs.aspx

【讨论】：

【解决方案2】：

看看这里：http://www.telerik.com/help/aspnet-ajax/window-troubleshooting-distorted-appearance.html。我认为您也有同样的问题 - 您页面中的某些 CSS 覆盖了默认设置，因此某些元素变得比 Telerik 需要的更大。

在调整大小时 - 以百分比设置 div 的大小并确保里面的内容也是百分比，例如：

<div id="Map" style="width: 100%; height: 100%;">

【讨论】：