Building Phone Gap App for Windows Phone 8

Before you start  developing an phone gap based App you need to keep following things in your mind.

General Practice:

1. Set any controls height and width always in term of percentage.
2. Same should be applied with Div.
3. Don't use margin at all.
4. Use margin only to give spacing with controls- 5 px - 20 px
5. Design a parent page.Only this page should contain head and body tag.
6. Other layout should only contain div.
7. After that only Remove and Append Div based on the required layout.
8. Use boot strap to provide a web-responsive feature to your application

Above practice will help you building a nice android and IOS application. but in-case of windows application same application won't work as it is.

Things to take care in Phone Gap based Application.

1. All append function will start throwing security Exceptions
2. Use the following tag around your append code.

MSApp.execUnsafeLocalFunction(function() {
  var body = document.getElementsByTagName('body')[0];
  body.innerHTML = '<div style="color:' + textColor + '">example</div>';
});