" Live as if you were to die tomorrow. Learn as if you were to live forever.. "
- Mahatma Gandhi

How to catch the click event of the button inside the WinJs ListView

Posted on November 23rd, 2015 by Debashrita Swain

Goal: Catch the click events of the button inside the WinJs listview using win-interactive class  and   WinJS.Utilities.markSupportedForProcessing. sometimes we may have requirement like having buttons or diffrent images in the Winjs Listview items.As we click on the listview item ,ItemInvoke  event is always getting called.so to call the individual button click event we need win-interactive […]

How to use RadPictureRotatorHubTile And Update From The WinJs

Posted on November 23rd, 2015 by DEBASHRITA SWAIN

RadPictureRotatorHubTile rotates images one at a time Following are the steps for creating and updating RadPictureRotatorHubTile from Winjs Step 1: lets add the following code in the Home.html <div id=”Radtiles” style=”margin-left:400px; margin-top:200px; height:400px; width:400px; background-color:white”> <div id=”customTile” style=”margin-left:20px; margin-top:20px; background-color:blue; height:300px; width:300px;” > </div> </div>   step 2: need to add following code in the […]

How to bind data to the WinJs Listview using Template

Posted on November 23rd, 2015 by DEBASHRITA SWAIN

Goal: Binding  data to the  Winjs Listview using Template. ListView: Winjs Listview need an item template that contains the markup you want to use to display each list item. There are two ways to create a template we can use markup to define a WinJs.Binding.Template or we can create a templating function. WinJS.Binding.Template is easy […]

How to create RadslideHubTile and update it from WinJs

Posted on November 23rd, 2015 by Debashrita Swain

Following are the steps we need to follow  for creating RadSlideHubTile and updating its Top and BottomContent from Winjs step 1: Lets add the following code in Home.html <div id=”Radtiles” style=”margin-left:400px; margin-top:200px; height:400px; width:400px; background-color:white”> <div id=”customTile” style=”margin-left:20px; margin-top:20px; background-color:blue; height:300px; width:300px;” > </div> </div>  Step 2: need to add the following code in Home.js […]

Adding WinJS EventMixin to a Type

Posted on November 23rd, 2015 by Anup Samantray

WinJS.Utilities.eventMixin is basically meant for objects that don’t have associated UI elements (it can’t use the listener methods on the element in the DOM, so it has its own implementation of these methods). We can add WinJS.Utilities.eventMixin to any type we define. It contains WinJS.Utilities.eventMixin.addEventListener, WinJS.Utilities.eventMixin.removeEventListener and WinJS.Utilities.eventMixin.dispatchEvent functions that help us to raise and […]

How to create and update Telerik RadMosaicHubTile from WinJs

Posted on November 23rd, 2015 by DEBASHRITA SWAIN

Since RadMosaicHubTile is designed to exclusively display images,It is combination of small tiles that individually flip themselves to display a random image. Following are the steps for displaying random images in RadMosaicHubTile step 1:           lets add the following code in the Home.html           <div id=”Radtiles” style=”margin-left:400px; margin-top:200px; height:400px; width:400px; background-color:white”>                 <div id=”customTile” […]