Splitter Height & ajaxRequest Problem

[Brian]

Sorry about the one with the wrong Title

I have read in a number of forums that the Splitter Default Height is 300px and I am definitely seeing that within Firebug. However, I do not see any configuration value for the Splitter widget where I can change that and setting the height on the div, even using the !important designation is not working.

I am also having problems getting my ajaxRequest to repopulate one of the panes, even though the page that will be filling the pane is working just fine as a standalone page. I am wondering if this is because the content will not fit into the pane because of the size, but I don't know if that is the way the widget works.

Any help would be fantastic as I am evaluating Kendo for a new product and want to make sure that I can do everything that I need.

Thanks,
Brian

[Alex Gyoshev]

> I do not see any configuration value for the Splitter widget where I can change that and setting the height on the div.
Just set the splitter div height with jquery and trigger a splitter resize:
$("#splitter").height(500).trigger("resize");

> I am also having problems getting my ajaxRequest to repopulate one of the panes, even though the page that will be filling the pane is working just fine as a standalone page. 
If the page is a whole page (i.e. not a partial HTML), you should load it using a complete URL (i.e. http://example.com/test.html) which will render an iframe tag. We realize that this is not very nice and have logged to implement a better API (i.e. having a content configuration object like the window), allowing you to explicitly specify whether you want an iframe to be created.

Regards,
Alex Gyoshev
the Telerik team

[Brian]

Alex,

I understand what you are saying and if I were trying to change the splitter height dynamically that would work just fine. However, I want to set the height during the initialization of the splitter. According to your documentation, height is not a valid configuration parameter for the splitter widget. Or is height just something that is available for pretty much all components that take populate a DIV because of jquery and I therefore need to more about jquery before I use Kendo?

Thanks,
Brian

[Alex Gyoshev]

Yes, height is a CSS property and can be applied to the <div> before you initialize the splitter, either through a <style> block or through jQuery (if you are generating the <div> dynamically). To answer your question, Kendo assumes prior knowledge of HTML, CSS and jQuery.

Kind regards,
Alex Gyoshev
the Telerik team

[Aron]

HI Guys,

I also have been trying to find a way to have the splitter height set so it will not have scroll bars.  for example I have 2 columns  with ids a and b.  column A has 3 html p tags inside it  with placeholder text and none of them have fixed heights (they defaul to the height of the text).  column B has one p tag simlar to column A which also doesnt have a fixed height.

I want to calculate the height of the columns children and then resize the splitter to the maximum height of those children so it never has a scroll bar.

this can be hard to explain so I wrote a js Fiddle to do it (link is below).   The only issue is im using the layoutChange event to do the resizing.  I ideally need an event that is triggered when resize has stopped.   Please consider adding a resizeStopped event.

If you use the resize event or the layoutChange event it fires the event hundreds of times and causes a recursion issue in firebug.  I need to fire a single event when resize has stopped.

http://jsfiddle.net/g95uD/6/

Im hoping this might help some others ^^