Interaction between webview and Titanium API

Introduction :
I have faced this as a very common requirement, where we need to display any html content to any specific portion of our app and we need to make a bridge which can talk with platform APIs.
So here again webview content can also make communication with Titanium native API’s. Here I have demonstrated a way to call native API functionality from webview contents.

Summary :
With above video, I have described the way to bind Titanium API’s with HTML events, which can talk to each other.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Displaying message dialog in Metro apps

Introduction:
Popup messages play a vital role for an application. Confirmation boxes, Alert messages and displaying specific sets information are done in Windows store app through a message dialog that pops up on the screen covering the entire width of the screen. These message box design are by default provided by Microsoft.

Description:
Message Dialog blocks the user interaction with other objects on the screen and dims the Screen background. So it should be used accordingly.

Load event of webview in Titanium

Introduction :
Load is an event associated with the webview in Titanium which gets called once the page gets loaded on the webview controller.

Summary :
Using Load event we can trigger any function or event which will be fired once the page gets fully loaded.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

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.

Windows Store App : Flipview custom styling – Part 3

Introduction :
Flipviews in Windows store app can be used to show items both Horizontally and vertically.
By default flipview items are aligned horizontally. But vertical alignment is also possible using flipview.

Description:
Vertical Alignment of flipview items can be achieved by editing the ItemsPanelTemplate and changing the orientation of VirtualizingStackPanel inside the itemsPanelTemplate to vertical.

Display red edit button on left side of rows in a table view using Alloy with Titanium

Introduction :
For iOS we can implement the row edit functionality in a table view.
Here I am describing the same with below video.

Summary :
Following above video we have learned to display edit button along with red delete button on rows using Alloy with Titanium.

THAT’S IT

Written By: Raju Mahato, Software Developer, Mindfire Solutions

Rows drag and drop functionality in a table view using Alloy with Titanium

Introduction :

There might be a scenario where we need to re-arrange the rows with drag and drop effect. Using titanium, very easily we can achieve this.

Here I am describing the same with the video given below.

Summary :

Using above video I have described the way to implement drag and drop functionality on rows using Alloy with Titanium.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Video tutorial to delete specific row from a table view in Alloy using Titanium

Introduction :

As we can dynamically add rows to a table view, we can also delete a specific row from a table view.

Titanium provides ‘deleteRow’ method using which we can delete any row.

With the help of below video, I am going to describe the way to delete row.

Summary :

So using the above code block we can add the functionality to delete any specific row from a table view.

THAT’S IT

Written By: Raju Mahato, Software Developer, Mindfire Solutions

Remove all rows from a table view using Titanium with Alloy

Introduction :

There might be a scenario where we need to delete all rows from a table view. At this point also Titanium provides a way to meet our requirement.

Here I am going to describe you the way to delete all rows using the below video.

 

 

Summary :
Here we came to know about the way to delete all rows from a table view using Alloy with Titanium.

 

THAT’S IT

Written By: Raju Mahato, Software Developer, Mindfire Solutions

Video Tutorial to Append Section in a Table View with Alloy Using Titanium

Introduction:

Section is used to categorize rows into different category in a table view. Titanium provides ‘appendSection’ method to append section at bottom of any table. Here using the below video, I am going t describe the way to append section in a table view.

Summary :

Here I have described the way to append section at bottom of a table view. Using the above code block we can achieve the same.

Written By: Raju Mahato, Software Developer, Mindfire Solutions