Label on captch is placed to align left, but still shows as on top

  • 2ezy
    Asked on March 27, 2015 at 9:36 AM
    Also on desktop view the capcha field is wrapping under the label and not going to the right of it.
  • Charlie
    Replied on March 27, 2015 at 9:40 AM

    Hi,

    I believe this is because the label alignment for the captcha is set to "Auto".

    Please adjust it to right or left, depending on how you prefer it.

    Label on captch is placed to align left, but still shows as on top Image 1 Screenshot 20

    Do let us know if that resolves the problem.

    Kind regards.

  • 2ezy
    Replied on March 27, 2015 at 10:45 PM

    Hi Charlie,

    Have set label align to left and the captcha field is still displaying underneath it.

    Thanks Mark

  • Ben
    Replied on March 28, 2015 at 3:57 AM

    The reason for that Mark is the width of the captcha and your form.

    If you add the following CSS to your form:

    li[data-type="control_captcha"] > div {
        max-width: 330px;
    }

    you will be able to resolve this.

    You can see here how to add it: Inject Custom CSS Codes

    Do let us know how it goes.

  • 2ezy
    Replied on March 28, 2015 at 10:34 PM

    Hi Ben,

    I put that code in the css but hasn't changed it at all. Any other ideas?

    Thanks Mark

  • Charlie
    Replied on March 29, 2015 at 1:39 AM

    Hi Mark,

    I've cloned your form and edited some CSS code and the setting in the responsiveness, you can check the cloned form here: http://form.jotformpro.com/form/50870635142957?. See if that form works as you expected. You can then clone it using this guide: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.

    Do let us know if you needed more information on it.

    Thank you.

  • 2ezy
    Replied on March 29, 2015 at 10:58 PM

    Hi Charlie,

    Perfect that has fixed it.

    One last question my form height is just over a desktop screen in height.

    When I submit it on the desktop the vertical scroll bar goes to the bottom of the page and I can see the thank you message at the top of the screen. But on mobile all I see is the footer and not the message unless I scroll up.

    So my question is after submitting the form can the screen (no matter what device the person is using) be centred on the thank you message.

    Thanks for your help

    Mark

  • Charlie
    Replied on March 30, 2015 at 1:33 AM

    Hi Mark,

    I'm glad that it worked.

    For the other question that you have, it would be better that you open new threads so that we can better focus on it. I went ahead and opened a separate thread related to the thank you message on mobile, please refer to this link instead: http://www.jotform.com/answers/542854. We'll address it accordingly.

    Kind regards.