User interface login page email and password?

how can i make a user interface on mit app inventor ?
(fast reply please)
using horizontal and vertical arrangements
send a pic if possible

what you mean with user interface

design

like this?

yes excatly

image
add an button for enter and 2 text boxes for email and password
welcome in the comunity!

thanks but i need a horizontal arrangement?

not if you don't need to place the blocks horizontally

you can click on screen 1 and you can adjust some visual design like the align

i have a project and i need it like this

first download an icon you can find on google or google icons
download an background with sqaures on google
go on screen 1 and set the align to center in both vertical and horizontal and set background image to the square background
drag and drop 2 text box and a button and a image
click on the first text box and modify the hint to Username/Email
click on the second textbox and change the hint to Password
clck on the button and set the background color to white and set the text color to red
click on the component image and click picture select image and select the icon
done!

1 Like

I recommend you take a look at the mit app inventor tutorials, they can help you get started
https://appinventor.mit.edu/explore/ai2/tutorials

1 Like

Thanks a lot Sonia
i really needed that :grinning: :smiling_face:

you welcome!

uhmm this turned out with me @Sonia_C

What does it look like if you run your project with the companion app ? The designer view is purely a representation of your finished app.

you need png icons and you need to set the background of labels to none

Here is a link to a video of using nested horizontal and vertical arrangements

1 Like

sorry if i have another question but how can i code the email textbox and the password textbox

(and i need an event handler for both of them)