Question

I have a newbie question: A simple button I’ve created in Titanium for iPhone refuses to change colors when clicked. Originally I used a button for this function; since it didn’t work, I changed to a View, but neither works. Here it how it is set up:

var quifButton = Ti.UI.createView({  // tried this with createButton, as well
    top: 44, left: 5, width: 310, height: 42, 
    backgroundColor: '#333', 
    backgroundSelectedColor: '#fff', 
    backgroundFocusedColor: '#fff', 
    touchEnabled: true, 
    borderColor: BOR_DK, borderWidth: 2, borderRadius: 5 });

When I click the Button / View in the iPhone simulator, nothing happens. Any ideas why this doesn’t work and how I can make it work?

Answer 1

Click is not same than focus. If you want to change color on click, you have to add eventlistener to button or view.

quifButton.addEventListener('click', function(e){
   quifButton.backgroundColor = '#fff';
});

*Edit:

 backgroundSelectedColor: '#fff', 
 backgroundFocusedColor: '#fff', 

These are not supported in iOS.