4 Replies Latest reply on Nov 10, 2011 11:30 AM by Ramki

    Best screen size to design for Ipad & Iphone?

    Ramki

      Hi

       

      I am sure there are many experience developers out there. I would like to know the best Landscape and portrait size to be while doing the development on the desktop for Ipad and Iphone. Assume I want to occupy maximum size on the Ipad and Iphone screen.

       

      Thanks and regards

      Ramki

        • 1. Re: Best screen size to design for Ipad & Iphone?

          Hi Ramki,

           

          Here are the screen dimensions (in pixels) suggested by the great folks at FileMaker Pro:

           

          Landscape for the iPad:

          with the toolbar enabled: 1024 width x 673 height.

          without the toolbar enabled: 1024 width x 717 height.

           

          Portrait for the iPad:

          with the toolbar enabled:  768 width x 929 height.

          without the toolbar enabled: 768 width x 973 height.

           

          Landscape for the iPhone:

          with the toolbar enabled:  480 width x 255 height.

          without the toolbar enabled: 480 width x 289 height.

           

          Portrait for the iPhone:

          with the toolbar enabled:  320 width x 385 height.

          without the toolbar enabled:  320 width x 429 height.

           

          Now, I'm going out on a limb here with some suggestions below...

           

          Assuming you want to create a file that will work on both the iPad and the iPhone, you probably will have to create some layouts adapted for the iPad and then some layouts adapted for the iPhone.

           

          I find that some good tricks are to make use of the Tab Control Tool and autosizing your objects and neatly anchoring them. You can also make use of the "resize to fit" script item.

           

          Example: layout your data fields inside of say, two tabs for the iPad, and then use a similar layout mechanism by placing some (perhaps less needed or obvious) of your data fields inside a third tab for the iPhone. This may make it faster to develop as you will only need to re-organize your iPad layout to suit the smaller iPhone with only a few modification as opposed to creating layouts for the iPad and totally different ones for the iPhone! But of course, this may not always be the best solution. Experiment, and I'm sure you'll come up with even better ideas for your project .

           

          Anyway, I hope this is of help to you.

           

          Regards,

           

          Mario

           

          PS: To moderators of this forum: I hope I didn't step on any tows here . If so, don't hesitate to correct me.

          • 2. Re: Best screen size to design for Ipad & Iphone?
            dhrowe

            There are also some files that show this ( and are pretty helpful )  They are not mine so I am not sure I should upload them.

             

            FMGo_Training_Tool.fp7

             

            and Richard Carlton has some nice resources on his website. http://www.rcconsulting.com/

             

            Also the Go chapter of the FTS would be a good place to start.

            1 of 1 people found this helpful
            • 3. Re: Best screen size to design for Ipad & Iphone?
              steveromig

              You can also check out the FileMaker Go Tech Brief available in the TechNet members only area…

               

              https://fmdev.filemaker.com/community/ios

               

              Steve Romig

              FileMaker, Inc.

              • 4. Re: Best screen size to design for Ipad & Iphone?
                Ramki

                Thanks to all of you.

                 

                Ramki