I have tried to get the data-role="backbutton" kendo mobile ui feature to work but I am having issues. When testing the app on my iPhone 4 I get stuck in my app because the back button breaks the UX.
What happens is that when I am testing, I click heaps of back buttons (as they are used quite heavily in my app) and then randomly one decides to slide the previous view into the screen but only goes halfway and then snaps back (or some other type of visual glitch occurs). Then after that, all my navigation breaks down and I get stuck in the last view that I was in. Or better yet the links go to places that they are not supposed to. My tab bar does not work and either do links in the header. I have to exit the app completely, remove it from operating and try again. Seriously something wrong going on here.
I have tried to programatically add the back button by following the Kendo UI documentation but that does not work either. I am left with a button that does absolutely nothing when clicked - it may not even solve the issue anyway. I have looked using developer console in Google Chrome but I can't see any obvious issues.
Has anyone using Kendo Mobile UI experienced this issue before?
I downloaded the latest release of the Kendo UI build and the problem seems to have been resolved. Surprising! I assumed the Kendo framework was a bit more mature to be experiencing such a big issue. It was occurring when using slide transitions in navigation. Here is a link to the bug post on Github https://github.com/telerik/kendo-ui-core/issues/66
Related
So I have successfully built this business website, integrated payment gateways and I have things working just as I need them to but there's a little albeit annoying problem, when scrolling down the webpage on a mobile device, the page suddenly scrolls back up. I thought this was a problem without my chrome browser so I used other browsers still the issue persists. I currently don't know how to fix this irksome issue. Here's a link to the webpage. Sorry to bother you with my problem.
I already fixed it, it was a problem from setting the HTML style behavior to smooth. Thank you all for your intended help!
I'm doing my first bit of coding in school, making a simple website. I code in Visual Studio Code and I'm using a mouseevent for pictures. I want the picture to change into another picture and then change back to the original pic when the mouse is hovering over it.
I've tried multiple different ways of doing this, including simple functions and more complex ones. All working perfectly on my live server version of the site. But as soon as I launch the site through Netlify, making it live, the mouse hover function ceases to work.
This is the current way I'm doing it, and as I said, works perfectly in VS Code:
<img src="assets/GrasshopperPapaya.jpg" height="550" width="700" onmouseover="this.src='assets/onionized-jungle-imagen.png'" onmouseout="this.src='assets/GrasshopperPapaya.jpg'"/>
I'm having the same problem using onmouseover and Netlify (while changing menu pictures when mouse moves over menu itens).
I don't know if that couldn't be a browser issue. On this case the problem occurs using onmouseover, but only on Chrome.
Please, let me know if you find an answer.
I've been trying to get the scroll performance on my Ionic app up to par. I'm using the Google Chrome Rendering option under "More Tools" to flag potential scroll performance bottlenecks. I've found an issue with the touch events on a component. What's odd is this component is very similar to buttons that are on the same page, in the same scrollable section. They both have (click) and tappable attributes. It may be important to note that the component is also swipeable. When I turn off the swipeable feature, the issue goes away.
Is there any way I can fix this issue without disabling the swipeable feature? Also, there is another issue where Chrome flags all the (click)able links inside the swipeable component as potential scroll bottlenecks.
The URL Is https://musicblobs.com/home/HeyYouYeahYou. Here's an image of my issue:
enter image description here
My Boostrap framework is working fine on Chrome and Safari. It also is mostly on Explorer and Firefox. However, in Explorer and Firefox, a couple of images on interior pages appear to have an offset applied. The issue will be apparent when viewing the pages:
notagamebook.com/the-author-2
notagamebook.com/excerpts
I have been unable to find anyone else who has encountered the same issue. And I realize a manual fix won't be all that difficult, but I would like to keep the images in the framework and figure out what is happening in case it occurs again in the future.
EDIT
After attempting to fix this issue manually, I have realized it is NOT a Bootstrap issue. Firefox and Explorer are pushing the first piece of content following the page label to the right. It did so even when coding outside of the Bootstrap framework. I tried putting a piece of text as the first item and got the same result.
I've found the solution to this problem: There was a difference in the bottom margin being applied to the title in Explorer and Firefox, pushing the content to the right of the title div.
I currently have a series of 8 separate html files, with the idea that each one is a separate page in an iPad app. I have used jQuery Mobile to implement the page swipe between pages by using the 'data-next' and 'data-prev' attribute. However, the results are not great as i sometimes get a page flicker when i swipe, and css animations are very choppy when I test it on an actual iPad. I am also getting a 1 second delay before the actual swipe happens. I know JQM has a default delay of 300ms, but this is waaay longer! I have tried using the css 'translate3d' technique on animated elements, but it doesn't seem to fix it. I'm putting it down to JQM just being buggy as hell.
So my question is this..Is it possible to bring these files into Xcode, as separate independent html files, and implement the page swipe within Xcode itself?
No Not possible.
XCode allows you to create/edit UI and Transitions of cocoa touch controls only. However you can just edit these html/javascript files in XCode.