I have been wondering if timepicker JS really compatible with android apps. It is because whenever i try to scroll the timepicker dropdown to find time like 23.00.00 which is on the bottom part of the dropdown, it's automatically set the time based on my finger position during scrolling and the dropdown gone. Then i need to click the time again and the same thing happen. Simple to say, i can't scroll down and up freely. In chrome yes because there is a mouse for scrolling, but not for android.
Is there a fix for this? I try to find the solution at the documentaries, but can't find something related to it.
My timepicker plugins and docs can be found here http://jonthornton.github.io/jquery-timepicker/
Related
We're using the timepicker for bootstrap in one of our tools. It's acting differently than how the jQuery Datepicker does when it comes to positioning itself if it overflows outside the browser window.
Datepicker will by default be below the input, and automatically set itself above the input if it doesn't have enough room below, as such:
Timepicker does not, and half the UI is missing outside the browser:
What would be a good way to get timepicker to automatically position itself above the input the same way the datepicker does?
Thanks,
So, without any references to the css, I can't tell you exactly what to do - but I would recommend opening up your developer tools in Chrome or Firefox and trying to readjust the values of the attributes there until u have a desired result.
If you can make an edit to your OP with some source code, or a link to the site that you are developing I could probably be more useful
I am facing some issues with the jQuery Chosen plugin. Here are some screenshots:
The focused Users input is a jQuery Chosen select input within a tab in a Bootstrap dialog (but this doesn't matter anyway). As you can see the scroll of the Chosen's ul.chosen-results didn't reach the bottom here.
Now if I scroll down the results:
I reach the bottom of ul.chosen-results, but if scroll with the mouse wheel down further from this point on, the rightmost scroll doesn't scroll down.
But I would like the other scroll to go down too from that point on while scrolling down ul.chosen-results with the bottom scroll of ul.chosen-results reached, to achieve this:
See that the rightmost scrollbar is down here too. This is what I want to reach while scrolling on ul.chosen-results. Does Chosen somehow inhibit the scroll event propagation when scrolling ul.chosen-results?
Can I achieve what I want? How?
Thanks for the attention!
In the not minified js plugin file
find following code
high_top = this.result_highlight.position().top + this.search_results.scrollTop();
and replace it by this.
high_top = this.result_highlight.position().top;
This issues has been addressed here another possible fix is to update to jQuery 2.2.1
In highstock on the ipad if you have content before the chart and you have to scroll down the page to view the chart, clicking on the date input jumps the page to the top and you can't see the chart, see http://jsbin.com/oyicuc/35
Also, the keyboard opens by default, we're using the jquery ui datepicker in our project and so ideally we would like the keyboard not to open, is this possible? Even better would to be able to use the native iOS datepicker. Don't really want to have to write our own function with custom inputs...
Thanks
It's probably the same issue as https://github.com/highslide-software/highcharts.com/issues/1645, which will be fixed with the next maintenance.
I have a TableView in which I can scroll to view all the rows.
But I can also swipe all of those rows (when I swipe, it display some options for the row).
Currently, I'm adding a swipe event to the table view. When it's triggered, I find the appropriate row with it's index. And I do what I gotta do.
On the SDK it works well.
On a real machine though, it's very hard to get the row to swipe.
The scroll is always triggered.
I'm unfortunately afraid this could be a hardware problem and there wouldn't be anything I could do.
As Eiko mentionned, I'm not programming my application in Objective-C. But with Titanium Mobile.
His advice was right though. By setting the event in the row instead of the table, it works find :)
I have a scrollbar that has to follow some timeline. It is being constantly scrolled with .scrollLeft using setInterval.
I still want the user to be able to naturally take control and just drag the scrollbar away. If I can detect the user did that, I would just turn off the setInterval timer and leave the control to the user until he explicitly turns the auto scroll back on.
Is there a way to differentiate the user scroll event, from the scroll created by .scrollLeft?
You can set a flag before changing scrollLeft and clear it afterwards, then check the flag in the scroll event.
Since Javascript is run on the UI thread, it is not possible for the user to scroll while your code is running.
One alternative is to give up using a scroll-bar at all and do it using CSS and a jQuery slider control. This also gives you the option of making it look more like a time-line. you can set the scroller elements to whatever CSS you want.
There are a few out there, but it's not too hard to roll-your-own using a jQuery draggable control and constraining one axis inside a long, narrow container DIV.