change how native.newTextField looks

[pasidaips]

Hello, been coding for some two months now and seems i got first problem that seems solvable by some third party stuff but i wondered if there is a direct workaround

anyhow problem is like this

[lua]

textFieldFill ={ type=“image”, filename=“mainMenuButtonFill.png” }

usernameField = native.newTextField( display.actualContentWidth / 2, 190, 220, 36 )

usernameField.font = native.newFont( native.systemFontBold, 24 )

usernameField.text = “jojo”

usernameField:setTextColor( 0, 0, 0 )

usernameField:addEventListener( “userInput”, onUsername )

usernameField.placeholder = “korisnicko ime”

usernameField.inputType = “default”

usernameField.fillColor =textFieldFill --this i have tried by filling it up with some image and it didn’t work

[/lua]

i wish to change the design of native.newTextField, and have not yet figured out how. is there a way to access the “design” of it and change ( not just the color i would like to remove the design that is at the moment like this

http://www.smashingmagazine.com/images/user-interface-techniques/styled_input_field.png

and would like to change that SQUARE into something like this below, removing the square box and instead replacing it with some empty fill with a line at the bottom

http://i.stack.imgur.com/vTqaQ.png

so basically looking for the best solution as i have found some user made widgets which might (possibly) do the trick and i hoped for easier solution which might exist (since i got no other problems with these textFields)

thanx for all the help and just gonna say i enjoy working in corona and I already made 2 half finished projects (had to stop doing first one for until may as i am doing this one for some competition), and with corona it was all made very easy

EDIT: sry for just putting links but for some reason can’t use img tag 

[rob]

You can’t really style our native.newTextFields().  They are native objects and don’t behave like display objects. In other words you can fill them, stroke them, round the corners, etc.

What you can do is draw your field’s chrome using display.newRect() or display.newImageRect() and then draw your native.newTextField() on top of your display object, making the background invisible on the native.newTextField().  If you move the field you need to move it’s background object with it.  This will create the illusion of styling it.

That said, the border you see in the simulator with the light blue glow around it is a feature of OS-X.  It won’t show on the devices.

Rob

[pasidaips]

can i hide just the background? i know you can hide object with object.isVisible=false but never noticed its possible just for the background

googled quickly and found

 

local list = widget.newScrollview{ hideBackground = true, }

will try it now in the moment but i suppose its that, this will help alot!

SOLUTION:
http://docs.coronalabs.com/api/type/TextField/index.html

for anyone wondering like me information is contained in textbox documentation
 

object.hasBackground =true/false

thank you Rob

[rob]

See;   http://docs.coronalabs.com/api/type/TextField/index.html

[rob]

You can’t really style our native.newTextFields().  They are native objects and don’t behave like display objects. In other words you can fill them, stroke them, round the corners, etc.

What you can do is draw your field’s chrome using display.newRect() or display.newImageRect() and then draw your native.newTextField() on top of your display object, making the background invisible on the native.newTextField().  If you move the field you need to move it’s background object with it.  This will create the illusion of styling it.

That said, the border you see in the simulator with the light blue glow around it is a feature of OS-X.  It won’t show on the devices.

Rob

[pasidaips]

can i hide just the background? i know you can hide object with object.isVisible=false but never noticed its possible just for the background

googled quickly and found

 

local list = widget.newScrollview{ hideBackground = true, }

will try it now in the moment but i suppose its that, this will help alot!

SOLUTION:
http://docs.coronalabs.com/api/type/TextField/index.html

for anyone wondering like me information is contained in textbox documentation
 

object.hasBackground =true/false

thank you Rob

[rob]

See;   http://docs.coronalabs.com/api/type/TextField/index.html