How can I change the cursor pointer to hand in the iPhone (simulator)?
I tried it with the css cursor: pointer; but nothing
happens in the iPhone simulator. It still remains the default pointer not changing to the
hand symbol.
Why? Can it be fixed?
There is no such thing as a pointer on iOS devices. (Unless you want to use CSS to put gloves on my hands...)
In regards to the simulator, I suspect that CSS support for the cursor attributes would limited if it's there at all, since the simulator is supposed to behave like the device and there is no cursor on iOS.
The cursor which you see is the cursor of your Mac. Pretend that it is on top of the "glass" of the simulator. Safari mobile doesn't know that it is there.
I was also looking for a way of changing the cursor but I couldn't find anything. At the end I used Mousecape and added a custom cursor that resembles a finger shadow. I compiled the steps I followed here -> https://medium.com/#castillejoale/changing-mouse-cursor-in-xcode-simulator-72f768f5b434
Hope this helps
Related
I tried to use the Slider in my project.
When I tried to drag it using Chrome developer environment with device emulation turned on the tool-tips showing the current value are visible, but I cannot drag it.
When I tried the very same project on my IPhone, I can drag it perfectly but the tool-tips don't show up, so I can't see the value.
Any help will be very much appreciated.
I found out that using the attribute does the trick and it actually works on touch devices like my IPhone 6s . This is remarable because tooltips don't work on buttons using gwtbootstrap3. Actually they work but they take the first tip to show up. So you need to tip twice on a button which is not good.
I've run into a problem with Bootstrap's .top-nav only on Safari for iPhone. When scrolling through a .dropdown-menu, after releasing my finger from the phone, it seems to "keep" or "catch" the location my finger was and hover over that list-item, keeping the CSS style for that element's :hover. It doesn't attempt to direct the url anywhere, but it can be a little confusing to the end-user.
This does not happen on my Android phone or in the desktop browser at extra small width (no-touch).
I understand this could be a difficult question to answer, but I'm hoping somebody else has run into this problem on their own and knows the root cause / a fix.
Bootstrap 3, latest version of Safari for iPhone 5. Thank you!
edit: oh, also, this is Bootstrap integrated into Adobe Business Catalyst. I don't think that should make a difference, but it might be worth saying.
While testing my website's mobile version on several devices, I noticed a very strange behaviour.
I have a scrollable content div with overflow: auto, and this works properly on all tested devices, except iPhone 4 on Safari. Other browsers and devices display it correctly, even iPhone 5 Safari.
On iPhone 4 Safari, when you scroll to the end of the content, a lot of extra whitespace appears at the bottom (looks like 100-200% extra height) and the text disappears when scrolling. This doesn't happen on any other devices in Safari, nor does it happen in other browsers on iPhone 4.
Has anyone ever heard of such a phenomenon before? I have absolutely no clue what causes this behaviour or how to fix it.
Since I only have access to a limited amount of devices for testing, I may be overlooking other devices/browsers where this issue also occurs. If you have a mobile device and want to test it as well, the live site is here: Live site. On the mobile homepage, click one of the logo's to expand the content, then try scrolling down. Please post your results in a comment.
How it looks on iPhone 5 Safari when scrolled down (no issue): Image
How it looks on iPhone 4 Safari when scrolled down (issue): Image
I would venture to guess that you are exposing a layout quirk in Mobile Safari because of the way that you are hiding/showing the contents of each .company element. Each time that you change the display property of an element, the browser must perform a reflow. Reflows (also called layouts) are prohibitively expense on lower powered mobile devices. This would likely explain why you are only seeing the issue on an iPhone 4.
I myself tested on an iPhone 4 and iPhone 3GS, both running iOS 6.1.3, and I was able to reproduce the issue only when I expanded the top or bottom .company elements, but not the middle one. Perhaps this is because the middle .company element contains the fewer children, meaning fewer layout calculations are needed.
Instead of applying display: block; and display: none; to each of the children in the .company element, I would strongly recommend you simplify your javascript to instead toggle the display property on a single container element. By doing this, you force the browser to perform a reflow calculation only once, rather than for each element that you are individually changing the display property.
P.S.: The "other" browsers on an iPhone (i.e. Chrome and Opera) use UIWebviews. UIWebviews use a modified version of the Nitro Javascript engine (the Safari version has JIT compilation enabled). This subtle difference might explain why the issue can only be reproduced in Safari.
After playing around with your live site a bit using the Safari 6 remote debugging feature, I found a solutions that is working for me.
Add -webkit-overflow-scrolling: touch; to the .container element (the one that is the child of your #companies element).
After thinking about it some more, I remembered having issues with scrolling making content disappear randomly and adjusting the overflow-scrolling property fixed it for me.
Is there a way to revert the look & feel of iOS Simulator window back to how it used to look in 5.0 and older versions?
P.S. I know Cmd-Shift-H shortcut for Home Button.
For anyone who comes here with this problem, but does not read the comments, you can get it back by hitting CMD-1 (as noted above), but it will only show for the full size emulation, if you want it zoomed out, it goes away.
then you have to use the shift-cmd-H to click the home button. And you can do it twice to simulate the click-click to show running apps, and then close them. (Don't press and hold tho, that will just trigger it to keep opening/closing the running apps window)
If you have a Retina Display macbook, you must set set the display to the highest resolution to see the iPad/iPad Retina frame on the simulator.
Hope this helps someone out!
You have to Choose Hardware > iPhone, and THEN hit Command + 1...I'm surprised nowhere else was this posted in this order. Happy Coding!
I had the same issue with a previous SDK and I had to reinstall the SDK in order to have the frame back again (I needed it for some screen shots).
So I am almost sure that it is not related to the retina resolution.
Unfortunately it is not possible to bring back device frame around display - I believe it's because of necessity to save up display space when simulating iPad's retina display. Maybe some day, when MBP, MBA and other Apple's machines will have retina displays, device frame will be back ;)
Note: if someone proves me wrong and we can have device frame, I'll of course mark his/her answer as correct one :)
This page explain it all:
http://iphonedev.tv/blog/2014/2/25/xcode-fix-show-the-iphone-simulator-skin-on-a-retina-display
Option 1: Turn Off Scaling
If you scale the size of the iPhone simulator to 50% or 75% the skin will not display.
Option 2: Get a Retina Display
No retina display, no iphone frame
Just hitting CMD-1 didn't work for me, nothing happened.
However, after switching repeatedly between CMD-1, CMD-2 and CMD-3 in a quick manner, all of a sudden I got the frame back! Hope it helps others!
I recently deployed my first iPhone app, a simple game, to my testing iPhone for the first time. Everything looks and runs fine on the simulator in Xcode, but on the iPhone the whole image is shifted up about 10 pixels or so. So the gameplay goes slightly offscreen on top and has a slim white/grey bar at the bottom. Has anyone encountered this before? I do have the status bar display turned off, I'm wondering if the device handles that flag differently than the simulator. I also have the rotation hardcoded to be in portraitRight mode at all times, and I have an extra line in the code to make the simulator do that automatically that's apparently not necessary on the device.
Everything is very simple, so I'm not sure where this glitch is coming from or even where to look.
Did you use Interface Builder to create your UI? If you did, then go and check each and every XIB file(s) objects' Size & Position as well as Autosizing in Size Inspector (command-3).
It's very important to check both: your coordinates might have gone wrong after some change you did and autoscaling works in weird ways unless you attach to correct edges. Apple documentation should help http://developer.apple.com/iphone/library/documentation/DeveloperTools/Conceptual/IB_UserGuide/Layout/Layout.html