How to make textbox like this

Discuss
#1

i want textbox to have a ui like this how to do that

1400×700 400 KB

2 Likes
Login & Signup Design
#2

Did You try Overlap Component ?

1 Like
#3

i have not tried anything let me check

#4

:thumbsup:

1 Like
#5

it did’nt work
:sob:

#6

Did You try with 3 components ?

1 Like
#7

no 2 component

#8

I imagined a solution, but the text has a transparent background. I imagined a horizontal arrangement on the text box and the label on the horizontal arrangement.

1 Like
#9

Btw, what about this :cowboy_hat_face:

image
image720×1280 166 KB

2 Likes
#10

nice how do you did this

#11

Use this extension:

3 Likes
#12

Is the background as transparent as it wants?

2 Likes
#13

Hi @Mohamed_Tamer,

Thanks for recommending my extension! I’m hoping to add improvements later this year to Chamaeleon.

@Rogerio_Rios for the filled version, you can choose the background color if I remember correctly.

2 Likes
#14

sure stormi please shift the helper text a lit bit right it will look much good

#15

I will take a look into it, however that is not my decision. Because the text field is being created dynamically, it will cause layout issues as I’ve pointed out on the post.

#16

Transparente background color , ok ?

#17

why it is not displaying textbox

#18

Maybe you’re doing something wrong :smiley:

#19

blocks(2)
blocks(2)571×1429 66.8 KB
please check

#20

What are your properties?

1 Like