5
Adding an Application Bar to a Metro Style App using HTML and JavaScript Dave Isbitski Technology Evangelist, Windows 8 twitter.com/TheDaveDev blogs.msdn/com/davedev [email protected]

Adding an application bar to metro style app using html and java script

Embed Size (px)

DESCRIPTION

This short screencast will show you how to add an Application Bar to your own Windows 8 Metro Style App using HTML and JavaScript. We do this in a fun, immersive way utilizing the free MetroGameKit (http://metrogamekit.codeplex.com). Fore more videos check out http://blogs.msdn.com/davedev

Citation preview

Page 1: Adding an application bar to metro style app using html and java script

Adding an Application Bar to a Metro Style App using HTML and JavaScript

Dave IsbitskiTechnology Evangelist, Windows 8twitter.com/TheDaveDevblogs.msdn/com/[email protected]

Page 2: Adding an application bar to metro style app using html and java script

metrogamekit.codeplex.com

Page 3: Adding an application bar to metro style app using html and java script

Declaring the AppBarStep 1: Adding the AppBar to the DOMDefault.html

Step 2: Declaring the Appbar and CommandsWinJS.UI.AppBar and WinJS.UI.AppBarCommand

Step 3 : Handling the eventsClick Events

Page 4: Adding an application bar to metro style app using html and java script

For more Windows 8 Developer content, please visit the Windows Developer center

twitter.com/thedavedev | [email protected]

http://dev.windows.com

Page 5: Adding an application bar to metro style app using html and java script