UI TextBox For Best User Interface

I want to give a guide today, Support me for more updates.

Guide Started:

  1. First You Need To Import Card View, And TextBox.

  2. Place TextBox In CardView.

  3. Set Card View Settings Like Me, Because I found that in a very hard research.

Set CardView Height And Width To 8% and 70%, Because if you create it to lengthy it’s not look good, If you increase height, It will also not good.


And Setup Like Me Or You can customize them as you side.

  1. Full Screen Layout

Screenshot_2021_0127_113733

  1. Working

  1. After Placing TextBox In CardView **Set Background Color Of TextBox To *

None

  1. After Set TextBox Into CardView, Then Set TextBox To

Width - Fill Parent
Height - Fill Parent

  1. Then Sets CardView Background Color To Any, And Sets It Transparency To 30% to 40% Or you can do it solid.

For Do It Transparent:

  1. Steps Normal TextBox UI Created With Rounded Corners.

You Can Also Create Login SignUp UI with Animated TextBoxes.

First Of All You Need To Do All The Steps Above The same From 1 to 9

Then You Need Animated Gradient Extension To Animate The Background Of The TextBox.

Blocks To Setup Animate Gradient:

Aia:
UITEXTBOX.aia (11.4 KB)

Demo Application:
UITEXTBOX.apk (5.2 MB)

11 Likes

Thankyou @Raja_HarshVardhanSolanki for using my extension in your guide and you made an amazing use of CardView. :confetti_ball:

3 Likes

You’re welcome.

3 Likes

Nice Guide… Keep Koding… :+1: :+1: :+1:

2 Likes

Very Nice Guide @Raja_HarshVardhanSolanki Carry On helping Koders :smiling_face_with_three_hearts: :smiling_face_with_three_hearts: :smiling_face_with_three_hearts:

2 Likes

Congrats for your guide…

Keep posting @Raja_HarshVardhanSolanki

Thanks Keep Motivating Me.

2 Likes

I Might Be Wrong , But Is This Guide The Same As
https://community.kodular.io/t/how-to-make-a-rounded-textbox/85342/7
This One

[ The Only Difference I See Is Gradient Background ]

1 Like

My guide also have transparent feature, To match with the background.His guide and my guide even not quite similar.

2 Likes