Andrew, Thanks for finding this! The cubiq version seems to perform better/smoother than the original doctyper version. I'll dig into his code and see how he does it (there are a lot of performance optimization notes on the site -- I wonder if there's a way to benchmark so we can see the difference that the various optimizations make).
-- peter -----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Andrew Myers Sent: Thursday, June 03, 2010 1:27 PM To: [email protected] Subject: Re: Horizontal Menu or Tabs? Hi Peter, Thanks for the info and link. While I was looking at it I also came across this which looks promising too: cubiq.org/iscroll I will look at it more closely today but I'm not sure I know enough to get it working. Please keep us posted on your progress with thus. Best regards, Andrew Sent from my iPod On 04/06/2010, at 3:17 AM, "Peter Rust" <[email protected]> wrote: > Andrew, > >> The functionality at http://iphone.hohli.com/ > The "Tab" functionality there does not "stick" at the bottom of the > screen > (you have to scroll down to it), both reducing the usability and the > iPhone-like feel. > > This work-around by doctyper: > http://doctyper.com/archives/200808/fixed-positioning-on-mobile- > safari/ > gives you both a fixed header bar and a fixed tab bar, which are > extremely > valuable IMO. The scrolling doesn't feel 100% the same as the > scrolling > Safari gives you natively (the workaround to the lack of fixed- > positioning > requires taking over some of the scrolling), so I'm not completely > sold on > it, however, I looked it over with an eye to making it work with iUI > so we > could at least play with it and see if the fixed-position header and > tab-bar > were worth it. > > One incompatibility right off the bat is that iUI requires your > "panels" to > be top-level (right under the body) and the position:fixed workaround > requires a scrollable container between the panel and the body. I > don't > think it would be too hard to change this in iUI -- rather than > iterating > the top-level elements, they could be selected by className. This > would give > the added benefit of explicitly defining different types of panels > (plain > tableview, grouped tableview, dialog, etc). > > Another likely source of conflicts is how aggressive both iUI and the > doctyper workaround are at handling touches/clicks. One or both may > need to > be scaled back and/or made to work with the other. One thing I've > noticed on > native apps is that if you touch a menu item, it selects, but if you > start > to drag/scroll after the initial touch it deselects. > > Another thing to note with doctyper's workaround is that it doesn't > look > good on Safari. This could be fixed by using fixed positioning on > browsers > that support it (desktop) and using the touch-based workaround on > browsers > that support that (mobile). > > I'd love to work on this at some point, but it doesn't look like > I'll get to > it this week. > > -- peter rust > Developer, Cornerstone Systems > > -----Original Message----- > From: [email protected] > [mailto:[email protected]] > On Behalf Of Andrew > Sent: Wednesday, June 02, 2010 11:14 PM > To: iPhoneWebDev > Subject: Horizontal Menu or Tabs? > > Hi, > > Firstly congrats on a great project. I am hoping it may be useful for > a webapp I am working on. > > One of my requirements though will be a horizontal menu with 3 > options, preferably along the top, but the bottom is okay too if it > "floats". > > I noticed a question about Tabs in the archives, but couldn't find > anything else: > > http://groups.google.com/group/iphonewebdev/browse_thread/thread/291467fb04a > 0b770/ef5760fa66f8cccb?lnk=gst&q=tabs#ef5760fa66f8cccb > > Has anyone come up with a solution? > > The functionality at http://iphone.hohli.com/docs/tabs-docs.html does > look perfect, but I cannot figure out how to get it working, and I > have also invested a bit of time in iUI and would prefer to stick with > it anyway if possible. > > Any help/advice would be greatly appreciated. > > Best regards, > Andrew. > > -- > You received this message because you are subscribed to the Google > Groups > "iPhoneWebDev" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/iphonewebdev?hl=en. > > -- > You received this message because you are subscribed to the Google > Groups "iPhoneWebDev" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to [email protected] > . > For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en > . > -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en. -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
