Telerik MVC Splitter 最大高度
我正在使用 Telerik MVC 拆分器,我希望它以容器高度的 100% 显示(即高度为 100%)。目前该面板以 600px 的固定高度显示。我尝试过使用 .HtmlAttributes 进行实验,但这根本没有帮助。有什么想法吗?这是包含分割器的 div
<div>
<% Html.Telerik().Splitter().Name("MainPanelSet")
.Orientation(SplitterOrientation.Horizontal)
.Panes(hPanes =>
{
hPanes.Add()
.Size("25%")
.MaxSize("50%")
.MinSize("5%")
.Scrollable(true)
.Resizable(true)
.Collapsible(true)
.Content(() =>
{%>
<p>panel here 1</p>
<%});
hPanes.Add()
.Size("50%")
.MaxSize("50%")
.MinSize("5%")
.Scrollable(true)
.Resizable(true)
.Content(() =>
{%>
<p>panel here 2</p>
<%});
hPanes.Add()
.Size("25%")
.MaxSize("25%")
.MinSize("5%")
.Scrollable(true)
.Resizable(true)
.Collapsible(true)
.Content(() =>
{%>
<p>panel here 3</p>
<%});
}).Render();
%>
I am using the Telerik MVC splitter and I would like this to be displayed at 100% of the height of the container (i.e. have a height of 100%). Currently the panel is being displayed at a fixed height of 600px. I have tried experimenting with the .HtmlAttributes but this has not helped at all. Any ideas? Here is the div containing the splitter
<div>
<% Html.Telerik().Splitter().Name("MainPanelSet")
.Orientation(SplitterOrientation.Horizontal)
.Panes(hPanes =>
{
hPanes.Add()
.Size("25%")
.MaxSize("50%")
.MinSize("5%")
.Scrollable(true)
.Resizable(true)
.Collapsible(true)
.Content(() =>
{%>
<p>panel here 1</p>
<%});
hPanes.Add()
.Size("50%")
.MaxSize("50%")
.MinSize("5%")
.Scrollable(true)
.Resizable(true)
.Content(() =>
{%>
<p>panel here 2</p>
<%});
hPanes.Add()
.Size("25%")
.MaxSize("25%")
.MinSize("5%")
.Scrollable(true)
.Resizable(true)
.Collapsible(true)
.Content(() =>
{%>
<p>panel here 3</p>
<%});
}).Render();
%>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
此示例取自垂直窗格,其中宽度已由 .Size 设置
This example is taken from a vertical pane where the width is already set by the .Size