Make your own Login Screen in MIT App Inventor || UI Design [Updated 2023]

In this video you will learn to make a good UI Design for Login Screen in MIT App Inventor 2.
You will learn to -
Use Custom Font
Use Layouts
Customize Button
Create Fantastic Icons
This video is an UPDATED version of this video: kzbin.info/www/bejne/f3XEnnh-a7uegsU
LINKS (Subscribe and Like to unlock link)
Download all the assets used in this video: krishna-raghavendran-links.blogspot.com/2022/06/krishna-raghavendran-links.html
Download Custom Font Extension: bit.ly/3qmiUCR
Learn more about YourFont Extension: bit.ly/YourFontExtensionByKen
Learn more about UI Design in MIT App Inventor: www.youtube.com/watch?v=tm4Ge...
Learn more about MIT App Inventor(Full Course): bit.ly/learnappinventor
SUBSCRIBE NOW: bit.ly/YTclickhere
#mitappinventor
#mitappinventor2
#appinventor
#appinventor2
#krishnaraghavendran
Please Subscribe, like and share this video
⏱️⏱️TIMECODES⏱️⏱️
0:00 - Intro + What You Will Learn? - Login Screen UI Design - MIT App Inventor
1:05 - Downloading Images/Icons and other files - Login Screen UI Design - MIT App Inventor
2:48 - Create Close Button - Login Screen UI Design - MIT App Inventor
5:53 - Use Custom Font - Login Screen UI Design - MIT App Inventor
11:45 - User Icon, Textboxes - Login Screen UI Design - MIT App Inventor
15:02 - Login Button Design - Login Screen UI Design - MIT App Inventor
17:15 - Result and Outro - Login Screen UI Design - MIT App Inventor

[@KrishnaRaghavendran]

Learn more about UI Design in MIT App Inventor: www.youtube.com/watch?v=tm4Ge... Learn more about MIT App Inventor(Full Course): bit.ly/learnappinventor

[@stevenbanix3829]

neat

[@malikgbadamassi7344]

How do you get the grey line under your textboxes? For me there is no line under the textboxes

[@thecalculusnook406]

you're just a kid, yet you're smarter than adults I have came across!

[@KrishnaRaghavendran]

Thanks!

[@daironromano7761]

parabéns! o conteúdo que eu precisava!

[@feraygungor8927]

Thank you for this channel 🙏🏼 All of videos have full of valuable information 🌺

[@KrishnaRaghavendran]

You are so welcome!

[@user-vo5jv6jj7t]

You help me ALOT !!!

[@AhmedAljakni]

ما شاء الله.. أنا سعيد أني أستمع وأرى هذا الإبداع من طفل مثلك. شكرا صديقي.

[@KrishnaRaghavendran]

شكرا جزيلا يا صديقي

[@mithuleshsairam9216]

kirshana when i open the file in drive it came something. can you give your link to me

[@monicahodipo4817]

Great work.Thank you!

[@KrishnaRaghavendran]

Thank you too!

[@soothingillustration50]

Thank you so much! Is there a way to create a random user ID for profiles on an app, when people download the app, so they dont need to log in with an e-mail and password ? Would love for you to make a video on that 🙏

[@knowledgecity08]

Amazing!

[@KrishnaRaghavendran]

Thanks!

[@someshvarvashisht6726]

Good job young boy!

[@skjha2k]

Too good Dude!!! Thanks for sharing

[@KrishnaRaghavendran]

My pleasure!!

[@gonca9502]

Thank you man, i liked the video, i hope you get sucess

[@KrishnaRaghavendran]

Thank you!!

[@ochrystian]

Hello friend! First, congratulations by the video!! I have one question: How I can create users and passwords to this users using Firebase integration? And other question: Can I create a login screen, for example, in my second screen? I question this because I have an app finished and I really need to introduce a login screen using some online database. I need to use an online database for I can add and delete some user. Can you help me in this case?

[@gabrielsbrandao1156]

great vid! but how did you make to put that underlining on the user and password textbox? I'm still trying to get it

[@KrishnaRaghavendran]

Use the Theme in properties of Screen1 to be Device Default.

[@wisnuwaskitho5989]

thanks you very much for the tutorial. but, how to make the vertical arrangement become center of the screen?

[@KrishnaRaghavendran]

In the properties of Vertical Arrangement chnage align horizontal and align vertical to center.

[@marchebbo124]

what if i want a login system with a sign up

[@HoangNguyen-fd7te]

How to simulate the phone screen next to you?

[@spokenenglishmentsbd9998]

Amazing

[@KrishnaRaghavendran]

Thanks

[@spokenenglishmentsbd9998]

Superb

[@KrishnaRaghavendran]

Thanks 🤗

[@astrogoel]

How do you get the gray underline on the textbox? Amazing video man and keep making them!

[@KrishnaRaghavendran]

Use the theme as device default in screen properties.

[@trooparun5]

You are awesome Krishna

[@KrishnaRaghavendran]

Thank you so much 😀

[@shaikhaalali5803]

fantastic video and useful channel I like your work 👌👌💗

[@KrishnaRaghavendran]

Thank you so much 🙂

[@saidelalem4317]

Thanks

[@KrishnaRaghavendran]

Welcome

[@nessa_ndikom]

Your videos are always amazing! My gallery if full of them! I've learnt a lot about using MIT App Inventor through them, because they're so easy to understand. But could you please do a video where you create an app that allows for multiple user sign up and login, which will then lead to a user profile page with the saved sign up and log in information?

[@KrishnaRaghavendran]

Sure...will try!

[@nessa_ndikom]

@@KrishnaRaghavendran Okay. Thank you!

[@popo_borneo84]

👍🏻👍🏻👍🏻👍🏻👍🏻

[@KrishnaRaghavendran]

Thank You!

[@user-kz4wp9vh9l]

Can u tell me how to make log in screen but with emails if you can't it ok 🙂 but please reply me

[@AdiSaputra-ys4bv]

nice bro!

[@KrishnaRaghavendran]

Thanks 🔥

[@mjulibrary1491]

You are so fantastic

[@KrishnaRaghavendran]

Thank you so much 😀

[@masterminds1347]

I love your videos. i have a doubt that how to pick username to another screen

[@KrishnaRaghavendran]

Save username in TinyDB to access it in another screen. Tiny DB Tutorial: kzbin.info/www/bejne/bJCZmpd6oZVraJI

[@prabhasrilatha7297]

Will plz demonstrate about periodic table app, I have doubt like there are 180 elements so then shall we do 180 screens or any alternative for it

[@KrishnaRaghavendran]

Use many vertical arrangements in just 1 screen. Show and Hide them in the blocks section.

[@gauravkharche861]

Is this login page always come when anyone open app

[@KrishnaRaghavendran]

Yes, if you put the login page in Screen1...

[@RosalieBambara]

🤗

[@KrishnaRaghavendran]

Thanks!

[@sunitakukreja3250]

Where is the link for zip files for the app

[@KrishnaRaghavendran]

I gave it in the description: bit.ly/AssetsLoginScreenUI

[@3girl]

where the second part

[@KrishnaRaghavendran]

Coming soon!