Forum Academy Marketplace Showcase Pricing Features

Resize/shift elements when other elements become visible

Here’s the scenario: When a YouTube link is placed in the multi-line input element, I display a video element and adjust the surrounding elements accordingly.

I have two options: 1. place the video on the right of the text input and resize the width of the text input or 2. place the video beneath the text input and shift down the bottom bar with post button.

For option 1, I could simply display a second multi-line input that is of the appropriate size. For option 2, I haven’t been able to figure out a potential solution. Ultimately, I would like to use option 2.

This image shows the layout of option 1.

We don’t really support moving elements around right now. it’s a bit tricky. the best option would be to use 2 elements here indeed.