I'm developing a web app for iOS devices, and want to have a header that stays on the top, and then two scrollable content areas underneath it, kind of like Gmail's iPad interface and the iPad split-view apps. Does anyone know how? I've looked at http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/, which has a good solution to the fixed positioning, but only allows one scrollable content area. Does anyone know how to do this? Thanks in advance!
Never mind, just found Sencha Touch, which lets me do this and much, much more!
Use div scrolling. See Glovebox for example. Try this demo on the iPad.
Related
There is the following icon in goodnotes 5. i searched the entire help but was not able to find its usage. Please let me know if you know what this icon is used for. Doesn't seem to do anything.
The presenter icon (the one with the Bluetooth symbol on the left top) is used during presentations. If you are planning to share the screen of your iPad then you can use this to point out various elements on your drawing screen.
I hope this might help you.
just found out, It is used during presentation screen sharing
I am using animations from the animate.css library.
Everything looks good until I check the site on my iPhone. It works fine when I use the chrome developer tool device toolbar iPhone setting.
The background while the animation is going on gets distorted, it seems like it is zooming in really far.
I am using the fadeInDown and bounceInUp animations which I read might increase the document height?
Any suggestions or help is greatly appreciated!!
You can set Overflow: hidden to Parent container. So that it will not increase the height when animating.
Tested and verified ;)
Thanks
I have recently started playing around with joyride. It is superb. However, I am having some major responsive issues. When I resize my browser, the tip position changes. For instance, when the original position is 'top' it suddenly changes to 'bottom' when I resize the browser.
I have looked everywhere for a solution but unable to find why this is happening.
Is anyone experiencing this issue and/or know a way around this?
Thanks in advance!
Responsive web design is not about manually resizing your browser, the foundation needs to load to calculte the co-ords of the page?
I have ion-view template which is referenced from main menu of the app.
In second view i have attribute:
<ion-view title="Settings" animation="slide-in-up">
But page is loaded with default animation.
I tried to remove attribute animation from body tag, but without luck, animation is still same (i tried it in several browsers and android devices).
<body ng-app="starter" animation="slide-left-right-ios7">
Could somebody tell me how can i set animation by right way?
Thanks for any help.
I don't know if this is all of what you're looking for, but I was able to find $ionicAnimation documentation. It also sounds like the Ionic team has been doing some major work that effects transitions, which might be why the docs have been down.
I am developing an educational app that is made of multiple images. I am also new at coding and XCode. I wanted to know how to get my images so they respond to the gesture similar to the photos on facebook (swiping, min/max zooming, scrolling all on one image). I have the UIImage in UIScrollview.
Can I add all the gestures in UIScrollView or do I have to add each gesture separately? Because the app is made up of multiple png images do I have to connect each image separately or is there a method to implement one code for the entire program?
I am using Storyboard and have minimal coding.
If this information is already out there I would greatly appreciate some direction. I have tried to use "Basic Zooming Using the Pinch Gestures" from the iOS library with little success.
Check out this tutorial.
http://www.raywenderlich.com/6567/uigesturerecognizer-tutorial-in-ios-5-pinches-pans-and-more
In this they go over exactly what your wanting, zooming in and out images and swiping. Pretty much you use UIGestureRecognizers. :)