Remove TextField - Border ( Highlighting ) - on focus

You must Login before you can answer or comment on any questions.

Hello ! Appz team !

How can we remove the highlighting border effect on TEXT FIELD . When ever i tried to edit that field it automatically gives a orange border ( TEXT Field )

input_TEXTFIELD = Ti.UI.createTextField({
            value : 'Google',
            width : '200sp',
            borderRadius : '0sp',
            borderWidth : '0px',
            borderColor : 'none',
            top : '2%',
            font : {
                fontWeight : 'normal',
                fontSize : '10sp',
                fontColor : '#000000'
            },
            layout : 'vertical'
        })

I tried to change the values of borderRadius , borderWidth , & borderColor ... but nothing worked ! ..

Thank u ! ..waiting 4 u reply !

1 Answer

Found solution for this problem !

Just set the background Color property !

input_TEXTFIELD = Ti.UI.createTextField({
            value : 'Google',
            width : '200sp',
            borderRadius : '0sp',
            borderWidth : '0px',
            borderColor : 'none',
        backgroundColor:'transparent', /* -- See Add this line -- */
            top : '2%',
            font : {
                fontWeight : 'normal',
                fontSize : '10sp',
                fontColor : '#000000'
            },
            layout : 'vertical'
        })

— answered 8 months ago by AMALRAJ K V
answer permalink
1 Comment
  • Fair warning... many android manufacturers have tinkered with this part of the UI. I wouldn't be surprised if some devices still showed some sort of focus color.

    — commented 8 months ago by Shannon Hicks

Your Answer

Think you can help? Login to answer this question!