Forums

I want to leave some blank space between sections of a form. By default everything stacks one on top of another with no spacing to make it easier for viewers to read the form.

I have tried putting a custom html element in place with a blank paragraph tag and that does not work, it is ignored when the form is displayed.

Am I missing a spacer block or something somewhere?

How can I create blank space between elements?

Hi tjhaas,

Please try this code in an HTML block:

<div class="ui divider"></div>

That will add a horizontal line, to make it hidden and keep the space, add the class "hidden".

Best regards,
Max

I tried the code and it did not work.

I noticed that there is a red outlined box indicating that I have exceeded the max vars number. Could this have something to do with it?

Thanks

Hi tjhaas,

You can increase the server setting max_input_vars, but if the html box you have added is there then the divider should be displayed.

Do you have a link to the form ?

best regards,
Max

http://wehaulrvtransport.vm-host.net/fast-quote

The line should appear just below the input fields for Name, Phone and Email.

I am having a technician change the limits.

Hi tjhaas,

There is no divider element after the line of "Name", could you please post a screenshot from your form "Designer" section showing the code you have used and the location of the html box ?

Best regards,
Max

I am unable to post any images. When I try to drag an image into the attachment box, it simply opens the image in my browser window instead of adding it to the post.

Hi tjhaas,

You need to use the attachment icon in the editor [icon]attach[/icon]

Best regards,
Max

Whoa, should have noticed the icon.

Here are the files. The html block had disappeared, I put it back.

Hi tjhaas,

You said that the "html" block has disappeared, this may be because of the server limit, did it disappear again after you save the form ? because if so then it will not appear on frontend.

Best regards,
Max

No, it is still there.

Hi tjhaas,

Strange, and you you have only 1 form with this alias ? because if many forms have the same alias then you may get a random one displayed.

Best regards,
Max

Two forms for the site and they have different aliases.

Hi tjhaas,

I'm not sure why the divider is not displayed then, please take a form backup and attach it here or upload it some where and send me the link and I will test it.

Best regards,
Max

Here is the backup.

Hi tjhaas,

The spacer block is not here, I think it was dropped because of the server limits you have, please add it again then save the form and open it again to make sure that its there before testing it on the frontend.

Best regards,
Max

For crying out loud, this is a neat trick. It was there before I closed out of the back-end. I had to login again when you requested the backup. It must have been dropped at that point.

I have a ticket in with my tech team to change the limits on the max vars. I will wait until that is done before I try again.

I must be missing something. Where do you set the Max vars?

I had one of my technicians change it on the server, but it is still showing up as the original level in Chronoforms.

Hi tjhaas,

You can check the current setting in the Site Admin > Site Info > PHP Info page. That page should also show which PHP ini files are being used.

Bob

Hi,

The web server must be restarted (just the apache service) after any config changes, did they do that ?

Best regards,
Max

They forgot to reboot the server.

I am able to get the space with a line using <div class="ui divider"></div>

I am unable to get the space without the line by using <div class="ui divider hidden"></div>

Am I doing something wrong when adding "hidden"?

Hi tjhaas,

Good, I think your template may have some different definition for the hidden class, could you please try "ui hidden divider" instead ? with hidden before divider.

Best regards,
Max