Panorama control in Windows Phone

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.

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

3D effects in Windows Store App

Introduction :
3D effects can be applied to Windows Store apps using Transforms. Rotation of an object is possible along all the Three axis : X, Y and Z. Object appears to be Rotated by the respective angle supplied to it through the transfor.

Description :
In this example, we will take a look into PlaneProjection, it’s rotation angle and Center of rotation. All three play a crucial role in 3D designs in XAML.
PlaneProjection exposes to various properties that can be used to give a 3D effect. In which the RotationAngle helps us to decide the angle by which the object is to be rotated.
CenterOfRotation property decides the point about which the object is to be rotated.
We will see the rotation by an angle and the change of CenterOfRotation, how it differs from the default Point about which it is rotated. Continue reading

Windows Store App : Flipview custom styling – Part 2

Introduction :
Flip view by default comes with the style templates, which can be customized to produce a different appearance. Editing or styling the flip view container or its next and previous buttons can be done through these style sheet.

Description :
By default flip views for Windows store app have their own Next and Previous buttons, which are defined in their default styles sheet with a class named as “Arrow”. We can find the default style sheet from this MSDN Link .

Let’s replace the default arrow with a custom Image to change the flip view appearance. Continue reading

Writting on Canvas in Windows Store App

This video demonstrate the canvas in action with Windows Store app. We can write or make drawings using canvas. We can draw/write custom lines/letters using finger/mouse/pen on screen in Windows Store Apps. We are using Html5, CSS and JS to demonstrate the same.

Presented By: Nirmal Hota, Cross-Platform Mobile and Windows Phone Lead, Mindfire Solutions

Settings Flyout in Windows Store App

The video displays the use of settings flyout in the Windows Store apps. It is also displays the ways to open the system settings flyout as well as creating and consuming the custom settings flyout.

Presented By: Nirmal Hota, Cross-Platform Mobile and Windows Phone Lead, Mindfire Solutions

Drawing on screen by finger touch in Windows Store App


In some mobile projects, Many times I have come across about the requirement of drawing some figure on a mobile screen in a specified area by using the finger touch. Below is an example of very simple drawing mechanism in WinRT environment.


To begin with the example, we must think about the logic of implementing the same. So considering the idea of drawing on screen, the primary thought coming to mind is CANVAS.

Yes, we will use the canvas object here to draw the objects on screen. Continue reading

Detect input pointer device in Windows Store App


The Windows Store Application can run in any Windows 8 supported devices. Such as in Win8 desktops, Surface Tablets, touch sensitive devices etc.

In the desktop environment, to perform operations like button clicks etc we need to use the MOUSE as the input pointer device.

In tablet or touch sensitive devices to perform such operation we need to use the FINGER TOUCH as the input pointer. Also we can use PENs to perform the touch operation.

Let’s assume a scenario where we need to program on basis of the pointer device used in the application. Below is one of the example to detect the pointer device.


In the below example we are trying to sense the pointer device.

Html file contect

   <span class="spnTouch" id="spnDevice">Touch/Click Me</span>
  <img id="imgDevice" alt="" />

Continue reading