Windows® 8.1 Apps with HTML5 and JavaScript Unleashed

Creating a Simple App Bar

You use the WinJS AppBar control to add an app bar to your Windows Store app. For example, here is how you would declare an app bar which appears on the bottom of your app:

Click here to view code image

<div id="appBar1"    data-win-control="WinJS.UI.AppBar">    <button data-win-control="WinJS.UI.AppBarCommand"        data-win-options="{            id:'cmdPlay',            label:'Play',            icon:'play',            tooltip:'Play Song'        }">    </button>    <button data-win-control="WinJS.UI.AppBarCommand"        data-win-options="{            id:'cmdPause',            label:'Pause',            icon:'pause',            tooltip:'Pause Song'        }">    </button></div>

Note

For every project template except ...