-----Original Message-----
From: Michael Stemle [mailto:themanchic...@gmail.com] 
Sent: Monday, February 13, 2012 11:12 PM
To: cf-talk
Subject: Re: (ot) Mobile Modal Dialogs Trouble


I suppose it's possible, though I don't understand the aversion to these
frameworks. They make life much easier, and mitigate much of the hassle
involved in developing web software for mobile devices. They also reduce the
need to re-invent the wheel. 

As far as modal dialogs, that isn't a very common UI design pattern on
mobile devices. That said, they work much the same way that they would on a
normal browser: use zindex to bring your modal page above everything else,
and have a background which locks things behind your dialog.

I am a strong advocate for frameworks - particularly UI ones. 

--
~ Mike Stemle, Jr.

On Feb 13, 2012, at 21:49, "Rick Faircloth" <r...@whitestonemedia.com>
wrote:

> 
> I've avoided the frameworks, although I have worked
> with jQuery Mobile, just to get a feel for it.  No development
> with it, however.
> 
> I'd rather not work with a framework completely, but is it
> possible to somehow use parts of it only, such as a modal
> functionality, if it has one?
> 
> 
> -----Original Message-----
> From: Michael Stemle [mailto:themanchic...@gmail.com] 
> Sent: Monday, February 13, 2012 10:02 PM
> To: cf-talk
> Subject: Re: (ot) Mobile Modal Dialogs Trouble
> 
> 
> Are you using a framework like jQuery Mobile or Sencha? I've had great
luck
> with jQuery Mobile, and a colleague of mine has had similar luck with
> Sencha.
> 
> On Feb 13, 2012, at 20:51 , Rick Faircloth wrote:
> 
>> 
>> I've started doing quite a bit of mobile development
>> and have been working on implementing modal dialogs
>> on a site, but I've found a couple of issues I can't
>> work around:
>> 
>> 1) On mobile devices (iPhone and Android) a user's
>>  touch goes through all layers on a screen.  If I
>>  create an overlay that prevents a user from clicking
>>  the screen beneath it, it works on a desktop, but
>>  not on mobile devices.  I haven't figure out, yet,
>>  how to prevent activation of functions "below" the overlay.
>>  Such as tapping a dialog that is on top of a phone number
>>  on a mobile device causes the phone to pop up an alert
>>  to dial the number.
>> 
>> 2) Modal dialogs don't scroll properly. I've noticed that
>>  a modal dialog won't scroll unless the screen below (that
>>  does scroll when swiped, even if the swipe is on top of
>>  the modal dialog) is at the top of the page.  This problem
>>  is related to problem 1.
>> 
>> Anyone have any pointers? Anyone written successful modal
>> dialog code for smartphones? Or know of a plug-in that works
>> well on iPhone, Android, iPad?
>> 
>> I was surprised by how much trouble I'm having getting
>> modal dialogs to work on these devices.
>> 
>> Before I give up on the modal approach, which I've used a
>> lot on the desktop, I thought I'd ask for help here.
>> 
>> Thanks for any feedback!
>> 
>> Rick
>> 
>> 
>> 
>> 
>> 
> 
> 
> 
> 



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:349881
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm

Reply via email to