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

  • CscProvidence
    Asked on June 30, 2016 at 3: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 ?
  • Mike_G JotForm Support
    Replied on June 30, 2016 at 6: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.

  • CscProvidence
    Replied on July 5, 2016 at 2: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.

  • victor
    Replied on July 5, 2016 at 3: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.

    Edit submission: reCaptcha field not displaying properly when editing a form Image 1 Screenshot 20

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

     

  • CscProvidence
    Replied on July 5, 2016 at 3: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).

  • victor
    Replied on July 5, 2016 at 4: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.

    Edit submission: reCaptcha field not displaying properly when editing a form Image 1 Screenshot 30

    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.

    Edit submission: reCaptcha field not displaying properly when editing a form Image 2 Screenshot 41

     

  • CscProvidence
    Replied on July 5, 2016 at 4: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 :

    Edit submission: reCaptcha field not displaying properly when editing a form Image 1 Screenshot 20

    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.

  • victor
    Replied on July 5, 2016 at 4: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.