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.
