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

Custom Tab with Smooth Animation using Titanium Framework

Here is a sample code to make custom tab and open their corresponding views with a smooth animation.

//Define current window
var currentWin = Ti.UI.currentWindow;

//Define the first tab
var firstTab= Ti.UI.createView({

width                  :100,
height                 :50,
left                     : 65,
top                     : 0,
opacity               : 0.5,
backgroundColor :’red’
});

Continue reading