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. Continue reading

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. Continue reading

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. Continue reading

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 ByRaju 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 ByRaju Mahato, Software Developer, Mindfire Solutions