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

    Protect out the form against the right click of the mouse - Protéger le formulaire contre le clic droit de la souris.

    Asked by agirassoc on November 03, 2014 at 08:29 AM

    Protect out the form against the right click of the mouse. 

    Did you think to provide a plugin against the copy / paste for integration out the form on website site?

    FR :

    Protéger le formulaire contre le clic droit de la souris.

    Avez-vous penser à fournir un plugin contre le copier/coller pour integration du formulaire sur un site web ?

    protect right click
  • Profile Image

    Answered by Ben on November 03, 2014 at 09:34 AM

    Hi,

    No, at this time there is no such feature shown or available for jotform, but I will open a feature request for you to our developers to see if it can be added to jotform.

    Now there is an option how we can do this using CSS only. You can see an example of it here.

    It will not forbid you to use right click mouse, but it will not give you the option of selecting text neither.

    I took this form template: http://www.jotform.com/form-templates/purchase-order-point-of-sale

    this is the template after the CSS applied: http://form.jotformpro.com/form/43063392166959

    This is how to apply the protection with CSS:

    Add a Text element to your jotform.

    Now edit its HTML to by adding this to it:

    <div class="ben_overlay_protection"> </div>

    Now, after this is done, you should inject this CSS code to your jotform:

    .ben_overlay_protection {
        background-color: transparent;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2;
    }
    #stage .ben_overlay_protection
    {
        position: relative;
    }
    input, select, textarea, iframe {
        position: relative;
        z-index: 10 !important;
    }

    That is it :)

    The protection will not be running when in the Form Builder, but will get activated as soon as you embed your jotform or go to it in preview.

    Do let us know how this works for you and if you have any further questions.

    Best Regards,
    Ben

  • Profile Image

    Answered by agirassoc on November 03, 2014 at 05:49 PM

    FR :

    Bonjour

    Merci pour votre aide.

    J'ai pas tout compris.

    J'ai mis le code CSS, mais l'utilisateur peut toujours faire un copier/coller sur le texte  formulaire, et sur l'ensemble du formulaire 

    Il serait très bien d'ajouter cette fonctionnalité, pour éviter la copie du formulaire ou d'inspecter l'élément avec le clic droit de la souris. 

    Cordialement

    EN : 

    hello 

    Thank you for your help. 

    I have not figured it out. 

    I set the CSS code, but the user can still copy / paste text using the form, and the entire form !

    It would be very well we add this feature to avoid the copy of the form or inspect the item with the right click of the mouse.

    Cordialy

  • Profile Image

    Answered by raul on November 03, 2014 at 08:17 PM

    Hello,

    Please try to add the following CSS code:

    .ben_overlay_protection {
    background-color: transparent;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

    #stage .ben_overlay_protection
    {
    position: relative;
    }

    input, select, textarea, iframe {
    position: relative;
    z-index: 10 !important;
    }

    Please note that CSS code will only work for the HTML text that is protected by the div tag.

    Please take a look at this cloned version of your form: http://www.jotformpro.com/form/43067520674960 feel free to clone it if you want to. 

    I can also confirm that this thread is already escalated to our developers for evaluation, when they have a response they will be updating this thread.

    Please let us know if we can be of further assistance.
    Thank you.

  • Profile Image

    Answered by agirassoc on November 04, 2014 at 04:43 AM

    FR :

    Bonjour

    Merci

    Oui, le code fonctionne sur le formulaire. Merci

    Mais uniquement pour le code html texte, et non pour le formulaire entier.

     

    EN :

    hello 

    thank you 

    Yes, the code works on the form. thank you 

    But only for html code textand not for the entire form.

     

  • Profile Image
    JotForm Support

    Answered by jonathan on November 04, 2014 at 07:23 AM

    Hi,

    Yes, the code works on the form. thank you 

    But only for html code textand not for the entire form.

     

    That is correct. The solution will only work for the TEXT(HTML) field.

    If you really want to have the functionality that prevent Right-Click mouse select text action  on your jotform, you will need to use its full source code embed and then inject custom script code to it.

    You can test the jotform on this demo website . You will not be able to select text and do Right-Click action on any of the text in the form and page.

    Hope this help. Inform us if you need further assistance.

    Thanks.