Home/ Questions/Q 6843493
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T00:15:05+00:00

I have a question regarding the Phonegap basic architecture design: 1.The phonegap project contains

  • 0

I have a question regarding the Phonegap basic architecture design:

1.The phonegap project contains an “index.html” file which controls the flow and functionality of the application.

If I need to implement an app which contains 4 tabs, the general idea is creating 4 classes, one for each tab, allocate a middle section for its view (the upper and lower sections are the static bars) and changing it each time a click event is happening on the tabbar (the bottom bar).

Should I squeez everything into one giant index.html file or use couple of html files but then how can I upload more then one file when the project is beeing deployed via Phonegap (since the deployment requires one html file).

2.Where can I get a good explanation with examples of creating (and deploying) a complete phonegap project.

Thanks, Asaf

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Please go through with this document called ‘get started Guild‘ for phonegap. You can setup Phonegap in 5 mobile platforms sdk.

    Now Phonegap runs on HTML, css and Javascript, so you need to get familiar with the HTML, css, javascript and yes it is possible to create multiple html pages in your app, to navigate from one html page to another you just need to call js method window.location from your index.html which is default main html page for phonegap application.

    You can build bottom tab bar in phonegap by using 2 ways specially in iPhone you can called the native UITabBarController or you can customize bottom tabbar using HTML, JS and css so that can useful for many platforms.

    There are number of good js plugin available for Mobile that you can easily integrate in Phonegap like sencha touch, JQTouch, jQuery Moblie etc.

    Following link will help you to setup sencha in phonegap-
    http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap

    If you interested to integrate sencha framework please download sencha framework
    Demo – http://dev.sencha.com/deploy/touch/examples/kitchensink/

    If you interested in JQtouch, you can find useful code here
    Demo – http://web.me.com/djpinter1/iPhone/jqtouch/demos/main_tabbar/#ui

    thanks,
    Mayur

    • 0