jQuery with WinJS in Windows Store Application

Introduction
As we all know, we can design Windows store applications using HTML, CSS and JavaScript. We can use jQuery along with the WinJS as well.

Description
Let’s open up the Visual Studio and create a new navigation project under JavaScript with a name called jqTest.
Now we will get the project created and opened with the default.html page.SolutionExplorer

 

Let’s get download the jQuery and place that in js folder in Solution Explorer. Continue reading

Behavior of WinJS.Promise.Join during Exceptions

Introduction

Promise is an object, which promises the user to get back the values or do some task after performing the promised activity without hampering the main UI. The execution of the other activities will work as normal. So in single word we can say, it is asynchronous.

The JOIN method of the Promise works like a waiter in the restaurant, waiting for the whole order from a table from each person. We can club separate promise objects and join them together. Join ensures to perform a task after all the promise objects finished their execution.

Queries encountered on the above

On all the above, I encountered the query,

  • what will happen when any of the Promise gets an error ?
  • Will it able to club the output and wait for the promises ? OR it will quite the execution ? Etc. etc.

After some of the homework and trials below are my findings. Continue reading

Panorama control in Windows Phone

Introduction:
Windows Phone comes with a number of controls for display. Among them the Panorama Control is one the new controls for user interaction and display.

Description:
Panorama Control spans beyond the screen and helps user to chose from a number of panorama items. Each panorama item can consists of Grids, Stack Panels and other Phone controls. Image applied to Panorama as background spans across all the panorama items. Only one panorama item is visible at a time and user can make selection from it. A swipe gesture gives the next or previous Panorama item. Continue reading

Custom commands in Windows store Message Dialogs

Introduction:
Message Dialogs are important part of windows store app and they help us providing popup messages and quick information in required places. Typically a message dialog covers the entire screen and by default has a close button. Windows store apps allow us to change these default characteristics of a message dialog.

Description:
The default close button in message dialog for windows store app can be removed and new buttons with custom click event handlers can be added to it. These events can be then later used to catch user interactions with the information. Continue reading

Canvas animation in windows store apps

Introduction:
Animations are key features to make an app interactive and lively. It can occur between Opacity, change in X & Y coordinates, Bounce effect, Size changes etc. Storyboards are the most effective way to implement an animation.

Description:
In this example we will go through an animation, which would make a rectangular box move from left to right with position and time span being specified.
To make such kind of animation first of all it is required to animate the Canvas.Left property of an element using the DoubleAnimation class. This class makes use of the Duration specified in the format “hour:minute:second” and animates the Canvas.Left property of the element according to the time period specified. Other property includes AutoReverse, which reverses the animation (the same animation in opposite manner)and RepeatBehavior, which specifies how many times the animation can be repeated. Continue reading

WinJS.Promise.Any – An example

Introduction:
WinJS.Promise.any gets invoked when any of a promise object finished its execution from a list of promise objects. We need to create an array of promise objects, which we are expecting to execute. On successful execution of any of the promise object from the array will invoke the “any” method to perform the tasks defined.

Scenario:
In this scenario, I need to execute a task on successful execution of a web services from a list of web services.

Solution: Continue reading

Using WinJS.Promise.Join-Executing a task after others finishes

Introduction:
WinJS.Promise.join is a method being exposed by the Promise object to deal with multiple promise objects execution.

Scenario:
This is a live scenario when I have received a task which will call a set of web services and perform certain action after the completion of all web services execution in an asynchronous mode.

Solution:
HTML file content Continue reading