Telerik MVC Splitter 最大高度

发布于 2024-10-30 05:14:17 字数 1487 浏览 0 评论 0原文

我正在使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

揽月 2024-11-06 05:14:18

此示例取自垂直窗格,其中宽度已由 .Size 设置

.HtmlAttributes(new { id = "horizontal-middle", style = "height: 84.5%;" })

This example is taken from a vertical pane where the width is already set by the .Size

.HtmlAttributes(new { id = "horizontal-middle", style = "height: 84.5%;" })
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文