Collapsing form within multistage form doesn't seem to work?

Ask the community
, ,
1

Hi, I have a multistage form (made using slideshow component), within which there are user input forms.

I wanted to collapse a particular user input form, so I put a container box around that form, and used

$w.onReady(function () {
$w(“#collapsingContainer”).collapse();
});

But when I run it, it hides the container box, but doesn’t do anything to the input form that is inside it.

2

Hi,
Have you checked if the user input is attached to the box? I recommend trying to remove it from the box and dragging it to the box again to make sure that it is attached to the box. Moreover, note that you can hide / collapse on load using the properties panel .

Best,
Tal.

3

i already set the container box property to be “collapsed on load”, as I wanted the area under container box to be hidden on default.

I wanted the area to expend when I clicked on a text (with button in the background), so I set

export function text_click(event, $w) {
$w(“#collapsingContainer”).expand();
}

Do you mean that the user input needs to be attached to the container box that I want to collapse? The example shown on the Wix Code website shows that user input is NOT part of container box…

4

I’m not sure to which example you were referring. However, I suggest that you attach all the elements that you wish to collapse on load to a specific container box and set it to be collapsed on load using the editor. Afterwards, you can expand the elements using code (depends on the use case of course).

5

Hi Tal - I have created previous and next buttons on my slideshow for a multistep form. The next button is great but the ‘previous’ button deletes user input :frowning: can you help with that?