Hide TextInput border or allow transparent borderColor (Android)

If TextInput borderColor is set to transparent or rgba(0, 0, 0, 0), alpha value is ignored and borderColor is still visible (black color).

This is very annoying because default behavior looks ugly in many cases and prevents customization of UI.

There is no problem in iOS, transparent color actually hides border… Only problem is Android TextInput.

new tabris.TextInput({
  top: 20, left: '20%', right: '20%',
  message: 'Test Message',
  borderColor: 'transparent'
}).appendTo(tabris.ui.contentView);

Technically it’s possible and it shouldn’t be hard thing to do since many apps are using transparent border to customize UI.

WhatsApp for example:

[mpost]

@bev-on @ishigo1987 We have fixed the issue in the latest nightly build for the 2.x stream. You could rebuild your app to make use of transparency in the TextInput (and Picker) background property on Android.

[mpost]

@bev-on you are right that this behavior is counter-intuitive to the users expectation. We will look into it. As a workaround you can set the backgroundImage to null on the InputText. This will hide the underline (which is in fact the background image of the view on Android).