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

  • Profile Image
    2ezy
    Asked on March 27, 2015 at 09:36 AM
    Also on desktop view the capcha field is wrapping under the label and not going to the right of it.
  • Profile Image
    Charlie
    Answered on March 27, 2015 at 09: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.

    Do let us know if that resolves the problem.

    Kind regards.

  • Profile Image
    2ezy
    Answered 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

  • Profile Image
    Ben
    Answered on March 28, 2015 at 03: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.

  • Profile Image
    2ezy
    Answered 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

  • Profile Image
    Charlie
    Answered on March 29, 2015 at 01: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.

  • Profile Image
    2ezy
    Answered 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

  • Profile Image
    Charlie
    Answered on March 30, 2015 at 01: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.