jQuery Splitter

Sign in to leave a comment.

• VS

  Vikas Sanap6y agoPosted Mar 24, 2020, 7:22 AM

  Hi can u please share example where splitter has both right and left arrow buttons to collapse to both side?
• AN

  Aleksandra Nikolova10y agoPosted Sep 13, 2016, 8:36 AM

  Nice article, I use shieldui splitter control - you can see it in this link https://demos.shieldui.com/mvc/splitter/nested
• AD

  Akshay Deshpande13y agoPosted May 13, 2013, 8:36 AM

  I don't want to show anything in the left pane (Left splitt bar should not be shown) and only show the contents in the Right Top pane and Right Bottom pane with Horizontal split bar. Can we do this?
• SB

  shimon bh13y agoPosted May 12, 2013, 3:26 AM

  There is a problem with IE. The horizontal bar is not displayed and it looks like it has to do with CSS. looking into it reviled that the horizontal bar is displayed at the bottom of the page which is not visible because the vertical split bar pushes it down to the point where it ends. The vertical bar and the horizontal bar are one on top of the other and not one next to the other. any idea (CSS flow, inline block don't work...)
• CM

  craig maas13y agoPosted Nov 29, 2012, 1:18 AM

  awesome work ! THANK YOU.
• AT

  Arfie Turnquist15y agoPosted Feb 4, 2011, 7:30 PM

  It didn't work for in IE8 on Windows7 though. I used your simple code published here, and it threw an exception on page load. Here: A.show().css(opts.sizing,sizeA+'px'); I looked into it. This line produces a NaN : var barsize=C[opts.sizing]()+(2*parseInt(C.css('border-'+opts.moving+'-width')));//+ border. cehap&dirty The call to C.css('border-'+opts.moving+'-width') returns the string "medium", which is not a number. parseInt() on that string produces NaN, which gets propagated into sizeA, and eventually an exception is thrown by the call to: A.show().css(opts.sizing,sizeA+'px'); I tracked that down, and tried fixing it, but the splitter plugin still didn't work. It gave me just a jumbled display, and the splitter bar wasn't visible, although there was no exception. It works in your demo, but I think there is some CSS in your demo that is required in order for the splitter to work, yet not documented. Seems like your splitter.js function ought to add the required css implicitly, when the splitter is used. Maybe this thing needs more testing.
• 

  Mahesh Chand15y agoPosted Feb 3, 2011, 10:57 PM

  Keep up the good work!