How do I Design a textbox like this?

MIT App Inventor Help
1

IMG_20230712_135805
IMG_20230712_1358051080×521 72.9 KB

How can i make a textbox design like this?

2

Options:

  1. There is an extension for "beautifying" components:
    [F/OS] 🛠️ ComponentUtil - Additional Tools For Visible Components (90+ blocks)

  2. You can draw graphics (inkscape, paint.net, drawplus etc) and use those for decoration (component background image, e.g. horizontal arrangement)

  3. You can define your text boxes as tiny web pages, defined using HTML and CSS.

3 Likes
3

Could you please show me some reference block?

4

You could try having a go yourself.....

5

It can be done using a couple of extensions:

@gordonlu310 's Beautify extension

and @VSATISH13 's OverlapView Extension

1 Like
6

Here is an example using graphics - it won't tolerate phones that are of greatly different resolution to each other but you can tweak the sizes (%) in your Project to get a result like this:

Textbox_Decorated.aia (4.8 KB)

TextBoxDecoration

blocks
blocks815×439 39.2 KB

4 Likes
7

Thanks a lot..

8

How do I put the textbox into the image?

9

Try the example aia, you will see how it works