How to Make Custom TextBox

[Douglas_Maueski]

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

How to Make TextBox with Raised Hint

Hey Koders, i today present a Small Guide to make TextBox like - [895fbf8b-2c7c-409a-8a90-ae0b5a1b174f] Components Blocks #off-topic .aia TextBox.aia (20.5 KB) And Check This Topic For Some Phased Improvements [ Free Aia ] Textbox with raised & animated hint NOTE To Change the Right Margin - [895fbf8b-2c7c-409a-8a90-ae0b5a1b174f] According to your Needs, just Icrease or Decrease this value [blocks] if we change the Hint Label (Label1) FontSize, …

Components

Blocks

Extension

Chamaeleon (Your Material Textfield)

Final result

After clicking the box

.aia

TextBoxCustom.aia (665,5,KB)

Hope you like it

[ADDYLIN]

Nice Guide,

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

[Douglas_Maueski]

Good idea, I will do this

[Mohamed_Tamer]

Nice guide
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

Chamaeleon (Your Material Textfield)

2020.11.12 — V2 This release has been incremented and is experimental. Use with caution. If problems occur, please downgrade to 2020-12 after reporting the issue. This release includes: A reduced library size. The “mode” property has moved to the designer. This will not effect current dictionaries used in the Configure method, they will just be useless blocks and there is no need to remove them unless you’d like to! io.gitlab.stormifire.textfields.aix (664.8 KB)

[Douglas_Maueski]

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

[Victor_Ken (ViiC)]

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

[Douglas_Maueski]

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

[Douglas_Maueski]

@Victor_Ken

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

TextBoxCustom.aia (1,3,MB)

[hammerhai (Nathan)]

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.