This is the landing page for the app, usually a hub screen, does not have to be root of web site.

"baseURL": "http://wat-docs.azurewebsites.net",

This controls the application bar at the bottom of the screen.

  • enabled Toggles the app bar visibility (true/false)
  • argbForegroundColor Sets the app bars foreground color (buttons)
  • argbBackgroundColor Sets the app bars background color
  • buttons An array of objects, each of which represent a button within the application bar. Each object has four parameters:
  • label the text for the button. Leave this blank to omit the text
  • icon the icon for the button. A list of available icons is at dev.windows.com. Leave this blank to omit the icon
  • iconUrl A link to the local image file for the button icon.
  • action The action for the button. This defines either the url location that the button links to or it can be set to a eval to executes the javascript defined in the 'data' field
"appBar": {
    "enabled": false,    
    "makeSticky": false,
    "buttons": [
        {
            "label":"home",
            "icon": "home",
            "iconUrl": "/Assets/Appbar/home.png",
            "action": "home"
        },
        {
            "label":"refresh",
            "icon": "refresh",
            "iconUrl": "/Assets/Appbar/refresh.png",
            "action": "refresh"
        }	
    ]
}

What is this? not aware that you are can a nav bar within the WP8 project but it is defined in the config file

  • enabled TO DO Toggles the navigation bar visibility (true/false)
"navBar": {
    "enabled": true,
},

This controls the applications live tile notifications on the users start screen

  • enabled Toggles the live tile functionality (true/false)
  • tileType TO DO
  • showImage Toggles TO DO (true/false)
  • templateStyle TO DO
  • tilePollFeed The url for the RSS feed that will drive the live tile updates. This is an RSS feed.
"livetile": {
    "enabled": true,
    "tileType": 0,
    "showImage": true,
    "templateStyle": "textonly",
    "tilePollFeed": "http://feeds.bbci.co.uk/news/technology/rss.xml"
  },

Enables you to specify which urls remain inside the app and which ones open in the browser

  • enabled Toggles the redirect functionality (true/false)
  • rules An array of objects, each of which represent a re-direction. Each object has three parameters:
  • pattern The pattern that the rule should match to take effect
  • action The action associated with this operation, this can be one of four options showMessage, popout, redirect or modal.
  • url The url to redirect to if action is set to url
  • message The message that is used if the action is set to showMessage
  • hideCloseButton Hides close button on modal windows
  • closeOnMatch A url that when it is loaded, it forces the modal to close (usefull for login scenario)
"redirects": {
    "enabled": true,
    "rules": [
	    {
		    "pattern": "http://getbootstrap.com?",
		    "action": "showMessage",
		    "message": "Sorry, but you can't access this feature in the native app, please visit us online at http://wat-docs.azurewebsites.net"
	    },
	    {
		    "pattern": "*.microsoft.com*",
		    "action": "showMessage",
		    "message": "Redirecting you to the Microsoft website..."
	    },
	    {
		    "pattern": "http://msdn.microsoft.com/*",
		    "action": "popout"
	    },
	    {
		    "pattern": "{baseURL}/Json#search",
		    "action": "redirect",
		    "url": "http://bing.com"
	    },
	    {
		    "pattern": "*/drive_api/calculator/login",
		    "action": "modal",
		    "hideCloseButton": true,
		    "closeOnMatch": "*/drive_api/calculator/complete_login"
	    }
    ]
},

Controls options for app logging

  • enabled Toggles whether logging is one or off (true/false)
"logging": {
	"enabled": true,
	}
},

This configures the settings options/button within the application.

  • enabled Toggles the settings charm functionality (true/false)
  • feedbackEmail Email address for user feedback/customer support
  • feedbackSubjectDefault subject text for the feedback email
  • privacyUrl Defines a url link to the application's privacy policy. A privacy policy is typically required for app to pass store certification.
  • title Title for the 'About' page
  • header Sub-header on the about page
  • HTMLText1 First block of text on the 'About' page
  • HTMLText2 Second block of text on the 'About' page
  • HTMLText3 Third block of text on the 'About' page
"settings": {
    "enabled": true,
    "feedbackEmail" : "myfeedbackemail@mywebapp.com",
    "feedbackSubject" : "URL has broken content",
    "privacyUrl": "http://wat-docs.azurewebsites.net/About",
    "title": "About",
    "header": "Web App Template",
    "HTMLText1": "The Web App Template deliver great mobile websites to your Windows Phone.",
    "HTMLText2": "",
    "HTMLText3": "Microsoft does not claim ownership of or responsibility for the content in this app."
  },

This allows the user to configure the application's view of their website

  • setViewport Toggles whether the CSS is created to set the –ms-viewport setting (true/false)
  • targetWidth The target width value that is passed into viewport settings (pixels). This can be blank. NOTE: do not use this for websites that already have a responsive base.
  • targetHeight The target height value that is passed into viewport settings (pixels). This can be blank. NOTE: do not use this for websites that already have a responsive base.
  • suppressTouchAction Toggles whether the top level touch events are surpressed or not. This is quite helpful with SPA where you don’t want to be able to see scrolling or ruberbanding of the page (true/false)
  • hiddenElements An array of strings that reference HTML elements. This enables you to hide any website HTML elements from your application. This is ideal for removing any unwanted top navigation, footers etc from the application view
  • customCssString This enables you to embed CSS styles which get inserted over the existing styles on your website. This is great for adjusting the style of the site when it is presented as an application. This can be used as an alterntive to the injected-styles.css.
"styles": {
    "setViewport": true,
    "targetWidth": "",
    "targetHeight": "800px",
    "surpressTouchAction": false,
    "hiddenElements":[],
    "customCssString":"body{-ms-content-zooming:none; height:auto; padding-bottom:60px}"
},

This controls the use of the share functionality within the application

  • enabled Toggles the share charm functionality on or off (true/false)
  • title Defines the title used inthe share message
  • messageDefines a message for the share contents. You can use {currentURL} to reference the current url or {url} to reference the base url.
"share": {
    "enabled": true,
    "title": "share",	
    "message" : "Check out this page from the Web Application Template tool documentation."
}, 

This should only be used if you are hosting web content within the main application package (i.e. it is bundled up as part of the APPX rather than being hosted on a server). By default, when hosting content in the local package, your content will not be able to make cross-site requests. By enabling this module, the Web App Template will pass control of any XHR requests to the container and make server calls on behalf of the local package. This prevents your cross-site requests from being blocked.

  • enabled Toggles the functionality on or off (true/false)
  • baseDomainURL This should be kept as “ms-appx-web:///” and may be removed in future
"localXHRInterceptor": {
    "enabled": false,
    "baseDomainURL": "ms-appx-web:///"
},