Hi,

We are in process of converting a native iPad application to a web
application. The target audience is internal and is only going to use iPad
to use this web application. Everything is looking good except two main
issues:

a. We have a page where we have two boxes displayed. In native iPad, we use
a background image (692 x 418). Within that box, we have two boxes (206 x
256) each. When we moved it to web application, we created a div tag for
the large image with width 692 and for inside boxes, we created table and
within each column, we provided a div tag of 206 width each with same
background image. However, when it was rendered on web app, iPad Safari
shows the images in smaller sizes. It automatically scales these back. What
would be the reason for this? Is there something that we need define in css
to avoid this?

b. In iPad application, we had a many alert boxes and we could define
titles for alert boxes. Now, in web app, we were not able to define alert
box titles. So, we are using a jquery plugin (
http://www.abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/)  to be
able to define titles for alert boxes. This works perfectly but the users
like the native iPad color and styling of iPad app alert box. Is it
possible to define css rules to display the dialog box in similar
appearance as iPad application?

Thanks,
Sohail.
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
  • [css-d] iPad Questions Sohail Aboobaker

Reply via email to