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

    How to protect content of my form from copying using CSS?

    Asked by fincalosbalcones on November 06, 2013 at 08:00 PM

    Saludos,

    Por favor háganme saber cómo protejer el contenido en las áreas y cuadros de texto en modo "solo lectura" y evitar que hagan Copy y Paste, también como hago para que el texto escrito en las áreas y cuadros de texto no salga destabulado o desordenado, vea el formulario TARIFAS & RESERVACIÓN para que vean como el texto sale destabulado y desordenado.

     

    Gracias.

    style size font ie10 internet explorer read-only read only
  • Profile Image

    Answered by Cesar on November 06, 2013 at 10:33 PM

    Hola, para hacer evitar que las personas no puedan seleccionar el texto he injectado el siguiente codigo en el campo de Texto Libre (HTML) que tiene las tarifas:

    #text_77 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

    el #text_77 es el campo de mi formulario, por lo cual tu necesitarias modificar este valor con el campo de texto o campo Texto Libre (HTML) que tu quieres que el usuario no pueda copiar.

     

    Para Inyectar el codigo al formulario se hace de la siguiente manera:

    Ir a Configurar y Embedir

    Hacer clic en Configuracion

    Despues Hacer clic en Estilo Forma

    Y despues pegar el codigo en Inject Custom CSS

    https://cms.jotform.com/uploads/image_upload/image_upload/global/20590_embedir.png

    En cuanto a el problema de el cuadro de Texto no tabulado, he clonado su formulario y cambie el cuadro de texto por la herramienta Texto Libre (HTML) / Free Text (HTML), ya que esta nos permite formatear el texto facilmente. 

    Este es mi formulario de ejemplo: http://support.jotform.com/form/33098238290963?

    Como puede notar el texto sale mas ordenado de esta manera.

     

    Si necesita ayuda adicional, contactenos, Gracias.

  • Profile Image

    Answered by fincalosbalcones on November 07, 2013 at 12:15 AM

    Lo hice con el cuadro de texto que está bajo INFORMACION LEGAL en mi formulario TARIFAS & REWERVACION y que es el texto que quiere proteger, el código que use fue el siguiente pero no funciona:

    #input_61 { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

  • Profile Image

    Answered by pinoytech on November 07, 2013 at 04:27 AM

    Hola,

    Tengo comprobar su forma y parece estar funcionando bien. Por favor, eche un vistazo a este vídeo: http://www.screencast.com/t/OuR9ZWX46

    Si usted necesita ayuda adicional, por favor háganoslo saber.

    ¡Gracias!

  • Profile Image

    Answered by Finca los Balcones on November 08, 2013 at 10:39 AM

    Estoy usando una PC con Windows 8 y tengo la siguiente observación:  cuando uso el browser Google Chrome Version 30.0.1599.101 m   LO DEL TEXTO PROTEGIDO FUNCIONA,  pero cuando uso Internet Explorer 10   LO DEL TEXTO PROTEGIDO NO FUNCIONA.  Qué puedo hacer para que funcione con todos los windows, browsers y versiones.

    GRACIAS.


  • Profile Image
    JotForm Support

    Answered by KadeJM on November 08, 2013 at 11:31 AM

    Hello and thanks for the Update about this. I've checked this compared to what you have just mentioned but I am slightly confused. I'm also using Chrome and IE10 in Windows 8.1 and it looks protected on my end from what I can see so far. 

    I think you are talking about the fields with text already entered into them? Correct?

    When I click on these I am not able to enter anything so it's working as it should be. Is this not the case on your end still then?

     

  • Profile Image

    Answered by fincalosbalcones on November 08, 2013 at 04:19 PM

    Como le mencioné en el email anterior el problema en Windows 8 no es con Google Chrome sino con Internet Explorer. Gracias.


  • Profile Image

    Answered by Cesar on November 08, 2013 at 05:18 PM

    Buenas tardes,

    He probado Interent Explorer 10 en Windows 7 y Windows 8 y no me deja seleccionar el texto en este momento. 

    Por favor verificar si aun se puede seleccionar el texto en su sistema, ya que el codigo que tenemos el codigo para internet explorer en Inject CSS Code, el cual es:

    -ms-user-select: none;

     Por favor contactenos si necesita ayuda adicional, Gracias.

     

    Enlaces Relacionados:

    http://www.paulund.co.uk/disable-text-highlighting-with-css

    http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting

  • Profile Image

    Answered by fincalosbalcones on November 09, 2013 at 08:24 AM
    Por favor vea en el *ARCHIVO ADJUNTO *una captura de la pantalla donde
    podrver que con Windows 8 y el Internet Explorer *NO FUNCIONA.*
    Gracias.
    Cordialmente,
    *FINCA LOS BALCONES*
    *Vereda la Quisquina, Corregimiento Potrerillo*
    *Palmira, Valle del Cauca, Colombia*
    *ROBERTO ROGELES H.*
    *Administrador General*
    *Telonos: (57) 316-299-4672 / (57) 317-643-0099*
    *Email **fincalosbalcones@gmail.com*
    *Web **http://www.fincalosbalcones.net*
    El 8 de noviembre de 2013 17:18, JotForm Support Forum
  • Profile Image

    Answered by pinoytech on November 09, 2013 at 10:05 AM

    Hola,

    Desafortunadamente, no podemos ver la captura de pantalla que usted se refiere. ¿Puede por favor compartir con URL de esta pantalla para obtener más ayuda?

    ¡Gracias!

  • Profile Image

    Answered by fincalosbalcones on November 09, 2013 at 10:37 AM
  • Profile Image
    JotForm Support

    Answered by KadeJM on November 09, 2013 at 12:35 PM

    Thank You for the clarification earlier and confirming my suspicion. Those screenshots were actually taken from IE10 but I just wanted to make sure that this was what you were speaking about. Also yes, that is what I had thought you meant to where you were able to copy it. I've been trying to figure out what the problem is but it is still the same thing on my end where I am unable to replicate it inside of IE10. 

    I can also see that you are using the same version of IE10 as me. 

    Here's a Video of me trying to copy this Text while Testing this on your Form similar to what you have in your screenshot which you've shown us but I am unable to do the same.

    Can you please describe to us the exact steps you are taking that it then allows you to copy it? This way we can try to replicate it to find the root of the problem?