How To Make A Rounded TextBox

In This Guide , You Will Learn To Make A TextBox Like This -

  1. Drag A Card View From Layout Option

  2. Set Card View Properties

  3. Set Corner Radius To 10 - 15

  4. Add A TextBox In Card View

  5. Set TextBox Height & Width To “Fill Parent”

  6. Set TextBox’s Background Color To “None”

For Colored TextBox Set ‘Card View’ Background To Your Custom Color

Output Screen :-

AIA File

Rounded_TextBox.aia (1.2 KB)

7 Likes

good guide also add hint or text and show us

it was easy

2 Likes

Tip :
Use Percentages instead of Pixel Values.
To make it Responsive to Device Size.

8 Likes

Nice Guide ! :+1:

Thanks !! :grinning: :grinning:

1 Like

If you don’t want to use card view you can use decoration component to set the textbox component to rounded.

6 Likes