Group - Input Text movement

Hi All

After some guidance on how to make a input box more UX friendly.

What i am trying to achieve is have the “place holder” in the middle of the input/dropdown and then when the user clicks into it, move the place holder to the top left.

A couple of screenshots below

Any ideas?


Maybe you can achieve this grouping the input and then a text above the input inside the group. Actually you don’t need a group I think for this approach.

Thanks Ryan

Just done exactly this, it does work, but is a bit clunky (in that I have to change the conditionals on every input box).

Didn’t know if there was any plugins or css that can be used.

Maybe you can set an state for the whole page and when something happens, set state and show/hide the group.

This topic was automatically closed after 70 days. New replies are no longer allowed.