How to Design Smooth Animated Inputs in Bubble.io for Better UX

[@StackIess]

Leave a comment with video suggestions 🙏

[@thumpatron]

Great video for an intermediate bubbler. I'm subscribing!

[@StackIess]

@@thumpatron thanks alot!

[@GalTesler1]

Thanks a bunch! Great tutorial and works perfectly.

[@StackIess]

@@GalTesler1 appreciate it 🙏

[@ptrckschnwll]

Damn! Awesome! Will apply this for sure. Loving it. Thank you sir 👍 but indeed, a bit less zooming would help.

[@ptrckschnwll]

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?

[@ptrckschnwll]

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.

[@StackIess]

Glad it worked for you! Thanks for the feedback 🙏

[@joelchan6026]

Great video!

[@StackIess]

Thanks Joel 👍

[@krenkel7982]

Oi, eu sou péssimo nessa parte de layout, que ideia incrível.

[@StackIess]

Não desista

[@rossdelport]

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?

[@StackIess]

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

[@rossdelport]

@@StackIess legend man appreciate that

[@pandimus7]

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.

[@StackIess]

Thanks for the feedback! Apologies for the zooming in and out, I’ll include more context and slower explanations in future videos 👍

[@johnclark674]

I loved the editing actually! But to pandi’s point I do have some good experience with bubble

[@StackIess]

@@johnclark674 thanks heaps, yep in future videos I will be more clear, to help out beginners 👍

[@Oluwa-toki]

Neat 👌

[@StackIess]

Thanks!

[@bernardo4290]

A bit less zooming effects please, makes me dizzy 😅 Solid video though!

[@StackIess]

Thanks!, sorry about the zooming effects, I’ll make sure to change them in future videos 👍

[@bernardo4290]

@@StackIess No worries, still great video. Keep up the good work! :)