Expand an element when the next one beside it is hidden

[Breldan_Muthaka]

I have this password field on the register form that I want to expand on the login form below.
The inputs are in a cell in a row in a container.

I would like on login, the password field to expand to full width.

[mark-piller]

You need to make sure the cell width is configured to occupy all available space:

[Breldan_Muthaka]

The problem here is that when I set it up like this.

The field occupies the entire width but I wanted it to show half width when the form property is set to register

[mark-piller]

I would try the following:

Have a row with the cell taking full width and another row with cell taking half the width. Change row visibility depending on the mode of the form.