Group - Input Text movement

[simonperks81]

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?

Thanks

[ryanck]

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.

[simonperks81]

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.

[ryanck]

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