Hide a Container on load the Form

Hide a container on form load in ChronoForms.

Overview

The container is visible when the form loads because the initial CSS style may not be applied correctly.
Use a Load JavaScript action in the form's ON Load event to hide the container with a simple script. Ensure the container is not set to Type None for this to work.

Answered
Ca Carmwen 09 Oct, 2014
hello

i am new and my english is bad. sorry.

i make a form and i want a container not showing when load the side/form.
i want the container loadet when the user klick in a checkbox.

exempla. the user fill out the adressblcock.
in the checkbox is: you want file out one more adress then klick here.

what is the code for hide the container on load the side?

i have make:
<div id="chronoform-container-12" class="chronoform-container" style="display: none;">

not work🙂

greetings from switzerland
Guido
Gr GreyHead 10 Oct, 2014
Answer
Hi Guido,

The simplest way to hide the container is probably to use JavaScript in a Load JavaScript action in the form ON Load event. Something like this should do it.
jQuery(document).ready(function (jQ) {
  jQ('#chronoform-container-12').hide();
});
Note: that this won't work if the Container is of Type None!

Bob
Ca Carmwen 10 Oct, 2014
Hi

cool. it works.

very very thanks.

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