How to Design Smooth Animated Inputs in Bubble.io for Better UX
ฝัง
- เผยแพร่เมื่อ 25 ส.ค. 2024
- In this video, I'll show you how to create animated inputs in Bubble.io, perfect for enhancing your app's interactivity and user experience. We'll cover setting up input fields, adding animations, and tips for making your inputs look professional and engaging. Whether you're new to Bubble.io or looking to upgrade your skills, this step-by-step guide has got you covered. Don't forget to like, subscribe, and leave a comment if you have any questions.
Leave a comment with video suggestions 🙏
Great video for an intermediate bubbler. I'm subscribing!
@@thumpatron thanks alot!
Thanks a bunch! Great tutorial and works perfectly.
@@GalTesler1 appreciate it 🙏
Useful topic but I barely watched till the end. This zooming in and out makes the video very hard to watch. You show this stuff for users with certain experience who definitely know where all the elements are located.
Thanks for the feedback! Apologies for the zooming in and out, I’ll include more context and slower explanations in future videos 👍
I loved the editing actually! But to pandi’s point I do have some good experience with bubble
@@johnclark674 thanks heaps, yep in future videos I will be more clear, to help out beginners 👍
Great video!
Thanks Joel 👍
Damn! Awesome! Will apply this for sure. Loving it. Thank you sir 👍 but indeed, a bit less zooming would help.
One issue.. When finished.. i can NOT click the text username in the input for it to start the transition.. I can press anywhere in the input, but just not the text. Any idea?
Got it! Text Username Top.. Layout... Uncheck "This element is visible on page load"
And then in the Conditional, add to first conditional "This element is visible" Checked..
As well, the font color does not change to Primair when focused or input not empty.. this should be done at the Text Username Top, not at the bottom.
All fine now. Thanks.
Glad it worked for you! Thanks for the feedback 🙏
Neat 👌
Thanks!
Oi, eu sou péssimo nessa parte de layout, que ideia incrível.
Não desista
great video man, is that an aussie accent I hear? Im from perth. Something that would be great is if you could share the app builder and allow us to copy and paste?
Sure is mate!, from Melbourne. No worries bro here is the link bubble.io/page?name=index&id=responsive-input&tab=tabs-1&subtab=Plan
@@StackIess legend man appreciate that
A bit less zooming effects please, makes me dizzy 😅 Solid video though!
Thanks!, sorry about the zooming effects, I’ll make sure to change them in future videos 👍
@@StackIess No worries, still great video. Keep up the good work! :)