We develop a SAAS booking application.
As part of this service we offer clients a “widget” to embed in their existing Webpage that allows client’s to book.
We have implemented this widget as a simple iframe which has been working great up until now. The iFrame seemed a great solution and works in desktop browsers, iOS devices and some android phones, but we are getting reports that on some android devices the iFrame is not scrollable and causing users problems.
We would like to be as compatible across devices as we can so we started thinking, are we doing this the right way…
My question is, is an iFrame an appropriate way to include a widget like this into another site? Or, is there a better method to achieve the same result.
My research shows that Youtube, Facebook etc seem to use iFrames to achieve this sort of functionality.
Maybe iFrames are the best way to do this and those users on older android devices will just have to accept a less than perfect experience, or maybe there is a better method for us to approach this.
Thanks for any thoughts!
Here is the iframe:
<iframe src="http://salontastic.salonmonster.com/client/index.php?layout=2" width="100%" min-width="630px" style="min-height:600px;" scrolling="auto" frameborder="0"></iframe>
I created a jsfiddle to demonstrate it in action.
I don’t agree… I’m a developer too and I’m having tons of problem with iFrames on Android… At the moment, I’m testing with a Toshiba Folio 100 with the Android 2.2.5 stock browser and scrolling on iFrames does not work.
I tried that jsfiddle and I can’t scroll it too!
Do anyone has a solution to this problem? I’ve spent days googling and trying a thousand of different tricks with no luck on the stock browser and Dolphin HD. In Opera Mobile and Firefox mobile they work just out of the box, but I need to guarantee full Android support even with the stock browser 🙁