How to Make Custom TextBox

Guides Resources
#1

Hello Koders, today I present a small guide to do like the TextBox, a little like our friend @ADDYLIN.

Components

Screenshot_1
Screenshot_1727×528 25.6 KB

Blocks

blocks

Extension

Chamaeleon (Your Material Textfield)

Final result

Screenshot_1
Screenshot_1351×596 7.91 KB

After clicking the box

Screenshot_2
Screenshot_2349×615 27.7 KB

.aia

TextBoxCustom.aia (665,5,KB)

Hope you like it :heart:

5 Likes
#2

Nice Guide,
:heart:
You Can Try To Improve By Explaining How The Block Is Working;
And Add The Image Of Final Result.

1 Like
#3

Good idea, I will do this :star_struck:

1 Like
#4

Nice guide :+1:
You might want to show an example with the extension’s latest version which has major differences in it’s blocks from the old one :slightly_smiling_face:

2 Likes
#5

Thanks for the tip @Mohamed_Tamer I’ll take a look.

1 Like
#6

I put the icon on the right side it doesn’t catch.
It picks up everywhere except on the right.

1 Like
#7

Yes, I did some tests here, and it really only works if placed on the left side.
If I manage to adjust something I inform here

#8

TextBoxCustom.aia (1,3,MB)

#9

Don’t use the new one as I have found an issue where textfields will appear transparent on a white background. Use the previous one that uses the same blocks though.

3 Likes
#10

This post was flagged by the community and is temporarily hidden.