Questions on UI for ASP.NET MVC Forum

1 answer

250 views

Hello I have a grid inside a horizontal Pane inside a splitter pane. I need the splitter pane to increase its height automatically according the size of the grid and not trigger scrolling inside the splitter.

Thank you

Splitter

answered on 29 Jul 2016

2 answers

83 views

Possible to flip/reorder panes

In a splitter with two panes vertically oriented, is it possible to flip the pane order on the fly? I want to be able to change the pane order so one is changed from being left to right and vice versa.

Splitter

answered on 10 Mar 2016

7 answers

382 views

Splitter 100% height

Hello,

I have a splitter ASP.net MVC kendo wrapper, I am not able to set the height to 100% with

 .HtmlAttributes(new { style = "height:100%;border:1" }) but it is not working the way it supposed to work
only  .HtmlAttributes(new { style = "height:850px;border:1" }) is working not the %

Can you please help me find out a better way to automatically resize the splitter panels

Thanks
Shaik

Splitter

answered on 24 Jan 2016

1 answer

59 views

Right side pane not shown in splitter

Earlier today I ran into a problem with the application I'm working on and found the same behavior in the demo page for the splitter.

In a splitter with 2 panes, move the splitterbar between the two panes. Add a third pane to the right hand side and move the splitterbar between the second and third pane. Close the third pane and move the splitterbar between the first two panes again.

If you add a pane to the right hand side again, it will have a width of 0. The demopage will show a splitterbar on the right side, outside of the splitter-div, which allows you to adjust the width and make the thrid pane visible.

In my application, the splitter fills up the screen to the edge on the right side, so in my case, the splitbar will be invisible as well.

How can I fix this?

Splitter

answered on 08 Dec 2015

2 answers

57 views

Render collapsed

Hi

I have a splitter and i'd like one of the panes to render as collapsed when the page loads? Is this easily done?

Thanks

Splitter

answered on 03 Feb 2015

1 answer

54 views

Catching Ajax Error SplitterEventBuilder

Hello,

I have the following code using Razor. I am trying to get the error Event but I am not seeing that method.( Assembly Kendo.Mvc.dll, v2014.1.415.545 - public class SplitterEventBuilder )

.Content(
Html.Kendo().Splitter()
.Name("horizontal")
.Events(events => events
.ContentLoad("contentLoaded"))

---------------------------------------------------------------
horizontalPanes.Add()
.HtmlAttributes(new { id="treeid" })
.Scrollable(true)
.Collapsible(false)
.Resizable(true)

.LoadContentFrom(@"getbyid", "controller", new { documentId = 1}

Splitter

answered on 26 Jun 2014

6 answers

178 views

Treeview left pane item click load right pane

Hi,

I have a splitter with a treeview in one vertical pane on the left. When a user clicks an item in the treeview, I would like to load items in horizontal panes in the center. Is this possible?
thank you,

Splitter

answered on 08 May 2014

1 answer

272 views

Splitter RenderPartial

What is the correct way to use RenderPartial in a splitter?

@(Html.Kendo().Splitter()

.Name("vertical")

.Orientation(SplitterOrientation.Vertical)

.Panes(verticalPanes =>

{

verticalPanes.Add()

.Size("100px")

.HtmlAttributes(new { id = "top-pane" })

.Collapsible(false)

.Content(

@Html.RenderPartial("HeaderPartialView");

);

Splitter

answered on 21 Feb 2014

2 answers

126 views

Pane size not correct, when splitter rendered in window widget

I use a splitter with a left and a right pane within a window widget. If I create the window with “Visible(true)” everything works as it should.
But since the window is supposed to be displayed, when the user clicks on a button, I have to use “Visible(false)” and make it visible after the click occurred.
In this case the given pane size of the left pane seems to be ignored and the right pane is not displayed at all(see attached picture).

After manual resize of the splitter, it seems to work. But when I close the window and reopen it via Javascript, the size parameter is still ignored. Instead the
manual chosen size is used. It makes no difference if I use Ajax Loading or direct rendering. My Code:

Window:

@( Html.Kendo().Window()

.Name("popupSplitter")

.Title("Popup Splitter")

.Draggable(true)

.Modal(true)

.Content(

@<text>

<div>

@RenderSplitter()

</div>

</text>

)

.Width(600)

.Height(450)

.Visible(false)

)

Splitter:

@helper RenderSplitter()

{

@Html.Kendo().Splitter()

.Name("MySplitter")

.Orientation(SplitterOrientation.Horizontal)

.HtmlAttributes(new { style = "width: 100%; height: 400px; " })

.Panes(hPanes =>

{

hPanes.Add()

.Size("200px")

.MinSize("100px")

.Content(

@<text>

@RenderTreeView()

</text>

)

.HtmlAttributes(new { id = "left_pane" });

hPanes.Add()

.Scrollable(true)

.HtmlAttributes(new { id = "right_pane" });

.Content(

@<text><p>test</p></text>

);

})

}

Button:

<button class="k-button" id="btnAdd" onclick="addSomething()"><span class="k-icon k-add"></span></button>

Javascript:

function addSomething() {

var window = $("#popupSplitter ").data("kendoWindow");

window.center();

window.open();

}

Am I missing something here?

Splitter

answered on 08 Jul 2013

1 answer

110 views

How to make Splitter Collapses only to left

Hi,

I am using kendo splitter in an mvc application.

I have a small requirement here and unfortunately I cannot find a solution for that.

In splitter I have enabled collapse property to true and I can collapse the splitter now.

What I want is I don't want the splitter to collapse to right.

ie . splitter should collapse only to left.

Please help me.

Splitter