Question

<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

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

Answer 1

我不明白，Splitbar太厚了？您可以通过向telerik：RadSplitter元素添加SplitBarSize属性来控制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

Answer 2

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

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

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

在radSplitter上自动调整内容大小

2 个答案: