Problem with jqxSplitter automatically scrolling to the right

[swarrenParticipant]

I’m working on a client site and we have a complicated form that allows users to edit user accounts and other backend data with the details of the object being in the right most splitter. Clicking the rectangle on the splitter was too “complicated” for some of them so we added buttons that expand and collapse the splitter so they can see more information when they need to. The problem we’ve now run into is that if they start to type into a field that is on the right hand side of the splitter and the text gets too long it will automatically scroll the splitter to the right and hides the more/less buttons. We can’t figure out how to get it to scroll back to the left when this happens and the user has to refresh the page.

Is there a way to prevent this behavior or better yet detect it and automatically expand the splitter?

TIA,

[swarrenParticipant]

I found my own answer. I should have thought of this sooner :-):

$('#panel').scroll(function(){
var element = $(this);

if(element.scrollLeft() > 10){
$('#mainSplitter').jqxSplitter('collapseAt', 0);
}
});

[Author]

Posts