I have created a splitter as follows:
<div> <table id="mainGrid"></table> </div> <div> <div id="div-edit"> hdhhd </div> </div> </div>
The splitter horizontal bar shrinks(highlighted) and second pane does not appear when I perform the following:
1. #splitter - display:none
2. #splitter - fade in
<div tabindex="0" class="ui-igsplitter-splitbar-horizontal ui-igsplitter-splitbar-default ui-state-default" style="width: 97.9000015258789px;"><div class="ui-igsplitter-collapse-button-horizontal-left ui-state-default" style="display: none;"><span class="ui-icon ui-icon-triangle-1-n"></span></div><div class="ui-igsplitter-collapse-single-button ui-state-default ui-igsplitter-collapse-button-horizontal-right"><span class="ui-icon ui-icon-triangle-1-s"></span></div><div class="ui-igsplitter-splitbar-resize-handler-horizontal"><span title="" class="ui-igsplitter-splitbar-resize-handler-inner-horizontal" style="width: 99.9000015258789px;"></span></div></div>
Please let me know how can I fix the above issue.
Adding some more to the above,
I have 2 splitters in 2 div tags in a single page HTML, used to toggle the visibility based on user selection.
Some update on this will be helpful.
Attached an example
Steps to reproduce:- Double click splitter.html - This opens a div with the splitter with click button at top- Select a row and move the horizontal splitter bar up and drag a little- Click on 'Click' button - This hides the first div and shows the second div- Select a row and move the horizontal splitter bar up and drag a little- Then click on 'Click' button
Observation:The select icon in horizontal splitter bar moves to the corner
I am just following up to see if there is something else that I could do for you.
Hi Zdravko Kolev,
Thanks for your support.
I was referring to the attached example. Please check.
As I see, the splitter bar width is bigger than the splitter control. So, in order to fix this we will need to make it dynamic. In the toggle function I have added a variable that is set depending on which splitter is visible, and now the issue do not appear. Please have a look at the attached sample.
Thank you Zdravko Kolev, for your support.
I am glad that I've managed to help you.
Thank you for using our controls.