[narnoneParticipant]

This is a test site you can view: https://partsfinder.onlinemicrofiche.com/hlsm/showmodel.asp?type=13&make=harleydavidsonmc&a=1366
Select Tab “Parts Diagram”
It’s the left panel, id = svHLSM_Splitter_Sections
In developer mode, you can highlight the div and see the scrollbar is hidden by the splitter bar.
If you set id= svHLSM_Splitter_Sections_html, which is a child, to overflow: auto and height: 100% and then MOVE the splitter bar, the scrollbar will appear.

[narnoneParticipant]

We ever get anywhere with this?

[narnoneParticipant]

Hristo,
Did we get anywhere with this?

[narnoneParticipant]

I have several test pages set up.
Here is your system: http://hlsm.com/jqwidgets/jq_tests/splitter/splitter1.htm
Here is a splitter from Github: http://hlsm.com/jquery_test/splitter/jcubic/
On a windows 10 machine with a touch screen, without using the mouse, you can move the splitter from github, but not yours.
With the mouse, it works fine. But I need to it to work whenever touch is available.
I will be doing more testing, but I need this to work across all platforms.

[narnoneParticipant]

Here are my test results:
On Widows 10.
Fire Fox 57.0
It sees the two finger movement but the splitter does not move. The collapse works fine, but cannot move the splitter.
Edge 41.16299.15.0
It does not see finger movement. Splitter does not move. Collapse works fine.
IE11
Works fine

Edge is an issue as I cannot tell if the device is a tablet or desktop. If it has a mouse, it’s fine. If not, my system will have issues.

[narnoneParticipant]

I have tried this on different versions and it does not work. What I mean by not work is, you cannot use your finger to move the splitter bar.
I can collapse it, but not move it. It does work correctly with a mouse. but not your finger.
This is an issue on a tablet that utilizes Windows 10 where no mouse is attached. I have Fire Fox on a Windows 10 machine with the same results. Is this a Windows 10 issue or a browser issue?
It is also an overall issue as Windows 10 touts being a touch operating system and yet has these limitations.
I wrote a JavaScript snippet to test the two finger operation. The Edge did not see the move. The Fire Fox did, but did not react.
Perhaps I am missing something.
Here is a link: http://hlsm.com/testjava/dll_ajax/
It does a number of things I am testing for a new design. One is two finger touch. At the top of the page, it will count the two finger touch, one finger on the page and the other moving.
It does not seem to register with Edge. It does with Fire Fox, but still will not move the splitter.

[narnoneParticipant]

I had to move the test page to http://hlsm.com/newlayout/mobile/make_selection_jqwidget.htm I need to have this demo up and working.

[narnoneParticipant]

I changed the code and it is getting better but not right.
Original design:
I have three tabs:
<div id = “tbSelection”>

<li id=”tbSection” >Section
<li id=”tbPNList>Parts Diagram
<li id=”tbCart>Cart

The three corresponding divs where:
<div id=”divSections” align=”center”>This is the section list.</div>
<div id=” splitPartsList”>
<div id=”halves”>This is the image</div>
<div id=”halves1″>This is the parts</div>
</div>
<div id=”divCart”>This is the cart</div>
The problem I believe was using the DIV splitPartsList for the splitter and the part of the tab function.
So I changed it to:
<div id=”tbSections” align=”center”>This is the section list.</div>
<div id=”tbPartsList”>
<div id=”splitPartsList”>
<div id=”halves”>This is the image</div>
<div id=”halves1″>This is the parts</div>
</div>
</div>
<div id=”tbCart”>This is the cart</div>

The button is now correct, but when I move the splitter bar, the left portion disappears and is not visible until I stop moving it.
If I move the bar via the left side, even though the bar on that side is not visible while I am moving it, it still follows my finger and reappears when I stop.

[narnoneParticipant]

Tried this:
$(‘#tbSelection’).jqxTabs({ width: ‘99%’, height: lngBodyHe, position: ‘top’, theme: strTheme, animationType: ‘none’, selectionTracker:false, scrollable:true, autoHeight:true,
initTabContent: function(tab){
$(‘#splitPartsList’).jqxSplitter({ width: ‘100%’, height: ‘100%’, theme: strTheme, orientation: ‘horizontal’, panels: [{ size: ‘30%’}, { size: ‘70%’}] });
}
});

Did not work, same results.
Is the format correct?

[Author]

Posts