Skip Navigation

[Resolved] Buliding a form

This support ticket is created 4 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 - - 9:00 – 13:00
14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 - - 14:00 – 18:00

Supporter timezone: Africa/Casablanca (GMT+01:00)

This topic contains 3 replies, has 2 voices.

Last updated by nilsM 4 years, 5 months ago.

Assisted by: Jamal.

Author
Posts
#1968885
IMG-20210226-WA0004.jpg

Hey there,

I have two problems on my page. first I insert a list with checkboxes (see the attached image), if the line breaks the text starts under the checkbox icon but I want the text to start with the other text lines.

then the other issue is, after the form, I insert a page for sending confirmation but before this page appears, appears a automatic generated message from the form with a text "wait you will forwarded". I don´t want that this message and this intermediate step appears. What can I do?

You see the form here:
hidden link

thanks a lot
Nils

#1969673

Hello and thank you for contacting the Toolset support.

Regarding the redirection, I assume that you are activating AJAX on the form and then redirecting to a page after a number of seconds hidden link
I'll suggest reducing the number of seconds or deactivating AJAX.

Regarding the second line of the checkboxes, I could not find a solution for it yet. Let me check with my teammates and get back to you.

#1970445

I got some help from the team and I tested the following CSS code inside Chrome and Firefox and it seems to do the job. The idea is to set the label element to display:block and add a margin-left of 20px. Then give the checkbox input a negative left margin of -20px.

Please add the following CSS code to the form and check if it gives the expected results.

    div[data-item_name="checkboxes-wpcf-ich-suche-wir-suchen"] li label {
        display: block;
        margin-left: 20px;
    }
    div[data-item_name="checkboxes-wpcf-ich-suche-wir-suchen"] li label input {
        margin-left: -20px;
    }
#1970557

My issue is resolved now. Thank you!