What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Edit submission: reCaptcha field not displaying properly when editing a form

    Asked by CscProvidence on June 30, 2016 at 03:23 PM
    1) the "Edit" view is not 100% the view of the form seen by a user, which is "good" since the hidden field would not of been visible otherwise.  However, elements like the reCAPTCHA are not displayed correctly which makes it difficult to use.  What else will not show correctly in this view ?
  • Profile Image
    JotForm Support

    Answered by Mike_G on June 30, 2016 at 06:12 PM

    Can you try adding the CSS codes below to your form, please?

    #customFieldFrame_22{

    width: 400px !important;

    }

    How-to-Inject-Custom-CSS-Codes

    I hope this helps. Let us know if you need any further assistance. Thank you.

  • Profile Image

    Answered by CscProvidence on July 05, 2016 at 02:57 PM

    Good idea, I didn't want to play too much with CSS for those kind of fields as some expect specific minimums/parameters.

    In the edit view, the reCaptcha was shown in a narrower 'cell', which the suggestion would force in form view, but it was cut off (right side overflow).   So I do not think the '!important' would help as intended here...  There seems to be something going on with the edit view at play since reCaptcha shows ok on the form regardless of window width.

  • Profile Image

    Answered by victor on July 05, 2016 at 03:31 PM

    Can you please indicate if you are still having issues with the ReCaptcha widget. I just  tested your form and the widget fif not get cut off as you indicated.

    If you can please explain the steps you took, we will be glad to take another look. 

     

  • Profile Image

    Answered by CscProvidence on July 05, 2016 at 03:37 PM

    Has I have stated earlier, it is in the EDIT mode/view of an existing entry/record that the reCaptcha gets cut off.  See my previous screen capture.

    The EDIT mode/view does something different than the regular form filling view. Some fields, like a reCaptcha, are not resized or otherwise manipulated.  Just as hidden fields become visible.

    The FILLing form mode/view does resize reCaptcha field and most others in a responsive manner.

     

    You should be able to recreate the situation by :

    1) creating a form with a reCaptcha field

    2) making a few entries/records (submissions) using this form

    3) reviewing those entries/records and editing any one of them.  If the browser's window is about right, you should get the behaviour where the reCaptcha is much larger and not scaling or being "responsive" to its surrounding (namely width).

  • Profile Image

    Answered by victor on July 05, 2016 at 04:13 PM

    Sorry for my misunderstanding and you clarification. I reviewed the SUBMISSION page and did see the recaptcha widget getting a bit cutoff on top and bottom. I am assuming this is what you are referring to.

    If this is not what you are referring to, please let us know and we will be glad to take another look.

    If it is, I would be glad to forward it to our team. But honestly, I do not think our team can do much for it as it possible to view the widget with no problems.

    I have tested it in different resolution and did not have any problems. You indicated a screen shot. We are not able to view it. Is it possible for you to re-upload it in the thread so we can review it.

     

  • Profile Image

    Answered by CscProvidence on July 05, 2016 at 04:38 PM

    In my case it was severly clipped, not certain if it was my browser window size or whatever.  Here is the same screen capture as left in earlier post :

    As you can see, it was missing most of the buttom.  More important the question itself is no where to be seen even though the width of the window is plenty wide (I had captured most of my screen).

    On a few other instances, as I played with the window size, less or more was visible.  Since it was in EDIT mode, just me in our situation, I managed around this issue for this one time.

    It would be nice to figure a way around this issue for others. I suspect not many are using reCaptcha and fewer are editing entries/records.

  • Profile Image

    Answered by victor on July 05, 2016 at 04:55 PM

    Sorry for the inconvenience. I have tested the ReCaptcha again in different forms and screen resolutions. I was not able to replicate the issue you are having.

    I have cleared your form's cache. Can you also clear your browser's cache and cookies. If the issue still persist, can you please indicate the resolution you are using. We will be glad to take another look.