Customizing Build-in Binding in KnockoutJs using PhoneGap

Introduction:
Knockout.Js not only gives us the ability to use build-in bindings but also allows us to use our own custom bindings. In this blog, we will basically look into creating the custom bindings for Knockout.Js using PhoneGap.

Description:
Creating custom binding is much easier than ever. Before moving forward, we need to get into the basic structure to register our custom binding. To register a custom binding, we need to add it as a sub-property to ko.bindingHandlers. Continue reading

How to add/use plugins in Phonegap 3.0

Introduction:
Phonegap 3.0 plugins can be added to the project using the CLI (Command Line Interface). Phonegap 3.0 had made the developers life much easier to utilize the plugins. We just need to follow two basic steps to use the plugins.

Description:
Here are the two basic steps we need to flow.
1. Adding the plugin to application
2. Implementing the javascript function

Before moving forward, I would like to elaborate the basic structure used with Phonegap 3.0 plugins. The plugins will be having the below structure. Continue reading

Simple steps to create phonegap 3.0 plugin for Android

Introduction:
Phonegap plugins allows us to customize the way to use the native features as per our need. Basically, the communication between JavaScript and native code is accomplished by the bridge provided by Phonegap.
Starting with the Android platform, to develop plugin, it follows some basic flow. We need to call cordova.exec() function in JavaScript, which will be mapped with our execute() method defined in our native java file. We can also pass useful parameters and can also define the success and error callback methods to trace the flow.

Description:
Here are three basic steps we need to flow to create the plugin.
1. Creating the Native Java Interface
2. Creating the JavaScript Interface
3. Configuring the plugin Continue reading

Rendering result in desire format making ajax call to local method in Rhomobile

Introduction:
While developing application, we sometimes need to make ajax call to local methods so that we can render the updated data without refreshing the whole page. We can achieve this using RhoMobile. If we need, we can call local method and get the data using JavaScript ajax call and finally render them into the current view without reloading it.

Description:
We can get desired format of output, using the advance use of ‘render’. If we need to render some data in different format like STRING, JSON, XML, following are the different ways to do the job.

Method 1 : Render as String
def get_string
render :string => ‘This is a sample line’
end Continue reading

Video Tutorial for Dynamically Inserting Multiple Progress Bar

In this tutorial we will demonstrate the way to insert the progress bar dynamically to the DOM using JavaScript.

Basic Template:-

<div class="progressBarHolder"
        data-progress="40"
        data-max-progress="100"
        data-show-extra="N">
</div>

Video Tutorial:-

Continue reading

Video Tutorial for Designing Static Progress Bar

This tutorial we will demonstrate the way to design the basic progress bar. First, we will look into the design concept to be used, then will try to make the progress bar quite attractive.

Basic Layout:-

Designing Static Progress Bar

Designing Static Progress Bar

Video Tutorial:-

Desired Output:-

OutPut-Video Tutorial for Designing Static Progress Bar

OutPut-Video Tutorial for Designing Static Progress Bar

To achieve the above design below is the simple code,

Continue reading

Capturing And Storing Signature to Rhom In Rhomobile Application

Introduction:- 
Rhomobile has the ability to capture signature using the Signature API. Signature can be captured in two ways,
1. Full Screen Mode
2. Inline Mode
Note : From Rhodes 3.3.3 onwards, the inline mode has been moved on to RhoElement Vs 2 which is a paid version and requires a license to use it.

Description:- 
To use the Signature API, first, we need to add the camera capability in Build.yml,
capabilities:   Camera

Continue reading