Splitter Height & ajaxRequest Problem

5 posts, 0 answers
  1. Brian
    Brian avatar
    7 posts
    Member since:
    Jun 2011

    Posted 25 Jan 2012 Link to this post

    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
  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 26 Jan 2012 Link to this post

    > 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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Brian
    Brian avatar
    7 posts
    Member since:
    Jun 2011

    Posted 26 Jan 2012 Link to this post

    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
  5. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 27 Jan 2012 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Aron
    Aron avatar
    2 posts
    Member since:
    Feb 2012

    Posted 07 Mar 2012 Link to this post

    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 ^^
Back to Top
Kendo UI is VS 2017 Ready