ListView in WinJS based Windows Store Application

In 2012 I wrote a post List View Data Binding in Windows 8 JavaScript Metro Application. If you follow along this post some of the code will not work. So I decided to write a post again on working with ListView in WinJS. There are three simple steps to work with the ListView. Step1: Create … Continue reading ListView in WinJS based Windows Store Application

Working with app bar in WinJS based Windows Store Application

In this post we will learn to work with the app bar in a WinJS based Windows Store application. Let us start with creating an app bar. The app bar can be created by setting the data-win-control value of a div to WinJS.UI.AppBar.   Now you can add command buttons in an app bar as … Continue reading Working with app bar in WinJS based Windows Store Application

Capture photo and save on the disk in WinJS based Windows Store App

In this post we will learn to capture a photo and save the captured photo on the disk. You can work with camera and capture a photo in the WinJS using the Windows.Media.Capture.CameraCaptureUI(). Let us start with creating the UI for the application. In the UI, we will have Application bar with two buttons One … Continue reading Capture photo and save on the disk in WinJS based Windows Store App

Data Binding and Observable in WinJS

Source code on GitHub In this post we will learn how to work with the data binding and observable class in the Windows Store application created using WinJS. We will learn to work with Data binding Two way data binding Observable object By default WinJS Provides one way binding When the data source is updated … Continue reading Data Binding and Observable in WinJS

How to work with Navigation App Template in Windows Store App with JavaScript

Recently I was attending a user group event and one young developer came to me with question, could you help me in finding out how to work with Navigation App Template in Windows Store App? So in this post I am trying to explain step by step working with Navigation App Template. Very first start … Continue reading How to work with Navigation App Template in Windows Store App with JavaScript

Working with OData and WinJS ListView in Metro Application

In this post we will see how to consume Netflix OData feed in HTML based Metro Application. Movies information will be displayed as following. At the end of this post, we should have output as below, Netflix exposed all movies information as OData and that is publicly available to use. Netflix OData feed of movies … Continue reading Working with OData and WinJS ListView in Metro Application

ListView Binding with Grouping and Semantic Zoom in Windows 8 JavaScript Metro Application

Windows 8 CP and VS11 are around. Recently I wrote Setting up Visual Studio11 Beta for Metro Application Creation . In this post let us get into some development. In this post we will see Creating DataSource ListView Binding to DataSource Creating ItemTemplate Grouping Data Source Using SemanticZoomView over ListView At the end of the … Continue reading ListView Binding with Grouping and Semantic Zoom in Windows 8 JavaScript Metro Application

Flyout control in Windows 8 HTML JavaScript Metro Application

In this post, I will discuss how to work with Flyout in Windows 8 Metro application. Flyout is a type of UI surface in Windows 8 metro application. It is used to show simple message or popup. If user touches or clicks anywhere on the screen then Flyout disappears. It usually used to collect simple … Continue reading Flyout control in Windows 8 HTML JavaScript Metro Application