Resizing Splitter panes after ajaxupdate

2 posts, 0 answers
  1. Albert Shenker
    Albert Shenker avatar
    550 posts
    Member since:
    Mar 2004

    Posted 31 Jan 2012 Link to this post

    I have a scenario with a panel (100% width/height) which contains a splitter with two vertical panes. These panes have a CSS class applied including borders. When the panel is updated via ajax, I notice the bottom and right borders of the left pane dissapear. I am guessing the splitter needs to recalculate its size based on the update panel being added through the ajax update. I handle the splitter OnClientLoad and "jiggle" the left pane by adding 1 to its width and subtracting 1 from its width and then doing the same for its height, and this seems to take care of the issue. I am wondering if there is a different method of making sure the splitter panes resize properly after an ajax update inserts the update panel around the splitter, or if Telerik is planning on modifying the splitter at some point in the future so that I don't need to include this OnClientLoad script with every splitter that may be inside an ajaxified container.
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 02 Feb 2012 Link to this post

    Hi Albert,

    The way RadSplitter is applying the borders to its elements is quite complex and the size of the borders is used when the control is calculating its size. For example, some of the panes have applied only right and bottom border to their element while the top and left border is covered from the splitter's element.

    Since you have customized the appearance of the borders, could you please provide the exact customizations that you have applied so we can examine them?

    Regards,
    Dobromir
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top