Titanium options Field Making

 

var window = Titanium.UI.createWindow();

var mainView = Ti.UI.createView({

    borderWidth : 1,

    borderColor : "red",

    height : 100,

    width : Ti.UI.SIZE,

    top : 150,

    layout:'horizontal'    

});

var gender_lbl = Ti.UI.createLabel({

                text : 'Select Gender',

                color : 'white',

                font : {

                    fontSize : 16

                },

                height : Ti.UI.SIZE,

                width : Ti.UI.SIZE,

                top : 0,

                left : 5,  

               textAlign : 'left'

            });

 

mainView.add(gender_lbl);

var gender_picker = Titanium.UI.createPicker({

        top:0,

        left:5,

});

gender_picker.selectionIndicator=true; 

var gender_picker_options = [

    Titanium.UI.createPickerRow({title:'Male','value':'1'}),

    Titanium.UI.createPickerRow({title:'Female','value':'2'})   

];

 

gender_picker.add(gender_picker_options);

 

mainView.add(gender_picker);

window.add(mainView);

window.open();

 

 

 

Output : Screenshot