Has anyone had any success in removing the icon for the embedded timelines widget?
I've googled and cant find anyone that has...
https://dev.twitter.com/docs/embedded-timelines
Related
I have unfortunately stumbled on the issue where, on iPad, a pop-up menu summoned by way of :hover does not disappear from the screen when the user touches an empty area of the page.
The problem is the same described here:
Hover Behavior on Desktop vs iPad
The menu is part of a template I bought, namely:
http://html.realia.byaviators.com/
But... wait a minute... it WORKS on the template's home page? And only on that page -- it doesn't work on any other page of that same template.
I was able to track the behavior down to the point where I found that the reason why it works is the following: initializing a Google map makes the menu behave properly. Just the simplest of maps, with the default options.
Now my question to the experts is: what is that Google does in the map initialization code in order to fix the :hover behavior?
Thank you very much in advance for your help!
Well, can't tell what is that Google does, however the solution is documented in mobile Safari developer's reference.
For a click event to be generated on an area of the document, there must be a click handler attached. For example, clicking on a div will generate a click event only if an onclick="void(0)" handle is presente:
Clicking here triggers event in mobile Safari
So I am making a web map app with leaflet/rails and since I am the only developer I am going to just do a responsive design instead of making an entirely new mobile app. I am having trouble figuring out what the most friendly ui is for desktop and mobile.
Right now I am doing something similar to foursquare as shown here, https://foursquare.com/explore?mode=url&near=Minneapolis&q=tacos.
So when you hover it pops up, then when you click the marker it stays open. Foursquare has an entirely separate mobile app though and it's clear from their site that you aren't supposed to use it for mobile. I want to know though if this configuration is mobile friendly, so if a user clicks the marker it will simply just stay open and the hover effect will not do anything.
Is this a good way to go about it or is there an accepted way to do mobile marker events?
I am new to web maps, especially making them responsive/mobile friendly so any ideas are welcome.
Thought I'd share what I've found so far. When on mobile hover basically goes away and click is replaced with tap. Hover still sometimes come in when the user does an abnormal slight click.
This is a bug that I have managed to fix by brute force, but I don't understand why the solution worked.
The problem was that embedded YouTube videos weren't working on a particular (responsive) site on iPad (tested in iOS7) in landscape view. I managed to narrow it down to a particular CSS rule that was showing a search input in the header when the browser was wide enough, so it would show in an iPad's landscape view but not in its portrait view.
After a little more brute force fiddling, I found that removing the type="search" from the input tag (which causes it to fall back to the default type="text") would fix the problem. None of my searches have come up with an explanation for why this works though, or even anyone else experiencing the same thing.
Some more details on the bug
The site works by showing an image at first, which would be replaced via JavaScript with the YouTube iframe when clicked. After this first click, it would autoplay on desktop browsers, and on the iPad it would load the video but wouldn't play until the user presses it again.
If the type="search" input was visible (display: block;), then tapping on the embedded video would not cause it to play; there would be no visible response to the tap. If I zoomed in and tapped on the controls at the top, like the name of the video, I could see them being underlined, and testing showed that there was no element covering the iframe and intercepting events.
Strangely, tapping on the very edge of the right hand side of the iframe would cause the video to start playing correctly. Otherwise, changing the iPad to portrait view (causing the search input to be hidden via CSS) would enable the iframe to be clicked in order to start the video playing. After that first click, all the video controls would work regardless of whether or not the search input was showing.
Just experienced this first-hand myself and wanted to add my kudos for you having written this up. Your SO question, even without an answer, pointed me in the right direction.
In my case it was nothing to do with Youtube. I had a page generated by Drupal in a large-ish site, in which the site-wide search mechanism used an auto-complete drupal module which had type="search" as the main input's type.
In IOS, users reported that Facebook, Twitter and Google Plus's respective "like" buttons all didn't work, along with a much larger angular app embedded in the page. They all used iframes and none of them seemed to respond to clicks.
Changing this seemingly innocuous, unrelated input's type from search to text solved this problem immediately.
Baffling.
Im using the Twitter widget in a web app and it scrolls really bad-slow and I have tried to set webkit-overflow-scrolling on a surrounding div and on every tag that the widget loads in the iframe, but nothing helps. I dont know what Im missing, but setting webkit-overflow-scrolling:touch; on the right tag should make it scroll good.
Any input appreciated, thanks.
please use these customize twitter widget or use customize twitter feed .
look into these answers .
1) Is there any way to customize embedded Twitter feed?
2 ) Dynamic timeline selection for embedded timelines - Hashtag Timeline
May be this help you
Use overflow:"auto" or overflow-y:"scroll" in the surrounding div for vertical scrolling after re-size twitter widget
I have a webpage which I am navigating UIWebView to and that page has images and links which use the "mailto:" tag. Unfortunately, when you tap on them, nothing happens. If you hold the links, there is an option to email them though.
How can I fix this issue? I've searched around and couldn't find anything on it.
myWebView.dataDetectorTypes=UIDataDetectorTypeAddress;