Problem with Slider

automatically open sliders in a ChronoForms multi-step form.

Overview

The issue occurs because subsequent sliders are hidden with CSS on page load, preventing automatic progression when radio buttons are selected.
Configure the radio button events to show the next slider and add custom JavaScript in the form's onload setup to manage the initial display state.

Answered
Fr Fredolino 01 Nov, 2014
Hi,

I use Slider as follows:

Container (beginning)

- Slider Area (beginning)

- 1. Slider with form and radio button (yes / no)
- Slider with 2nd form and radio button (yes / no)
- 3. Slider with form and radio button (yes / no)
- 4. Slider with form without RadioButton

- Slider Area (end)

Container (end)

Submit Button


In all 3 radio button I have on "Events" for all the individual form fields Slider (1-> 2, 2-> 3, 3-> 4)
Elements set. For example,

On = Yes, show parent, target ID field
On! = Yes, hide parent, target ID field

It works. :-)

Unfortunately, I have to manually open a click, because it does not automatically open the slider.
Does anyone know how this works?

Variant 1 (1. Slider is always open at the beginning)
Completed the first slider form, radio button to "Yes" -> 2. Slider with form opens
1. Slider includes (?)
2. Slider completed form, radio button to "Yes" -> 3. Slider with form opens
2. Slider includes (?)
3. Slider completed form, radio button to "Yes" -> 4. Slider with form opens
3. Slider includes (?)
Submit button is always visible. All forms will be sent

2. variant (the first slider is at the beginning always open):
1. Slider completed form, radio button on "No" - remains closed> 2. Slider with form, and Slider. 3 and 4
Submit button is always visible. Form of slider 1 is sent

Thanks in advance.
F.
Fr Fredolino 03 Nov, 2014
hello,

now I've been working on the form further.
I really only need the help folgenddem problem.

Om Slider Area are 4 Slider with one form

When the page loads:
- Slider 1 is always open
- Slider 2-4 (# chrono form-container-57, # chrono form-container-63, # chrono form-container-69) are hidden with "display: none"
Load in CSS
[attachment=1]screen1.JPG[/attachment]

If I form in the radio button "Yes" click it in the slider one (# chrono form-container-45), then the Slider 2 (# chrono form-container-57) should be displayed with the form again.

If I form in the radio button "Yes" click it in Slider 2 (# chrono form-container-57), then the slider 3 (# chrono form-container-63) should be displayed with the form again.


If I form in the radio button "Yes" click it in the slider 3 (# chrono form-container-63), then the slider 3 (# chrono form-container-69) should be displayed with the form again.

I have tried it in the respective event area of the radio button as in the example, but without success.
[attachment=0]screen.JPG[/attachment]
Do I have to have a "Custom Code" in "On load" insert? And if so, how must the look?

Thanks in advance.

F.
Fr Fredolino 05 Nov, 2014
Answer
hello,
I could solve the problem yourself.
For the respective radio button in the Event area:
[attachment=1]elementsliderJPG.JPG[/attachment]

And these scripts in Setup in the onload:
[attachment=2]screen.JPG[/attachment]

F.
This topic is locked and no more replies can be posted.