¿Cómo ocultar las etiquetas de campo?

  • analistaactivosdigitales
    Fecha de consulta 19 de mayo de 2025, 17:52

    Hola


    Tengo la necesidad de ocultar las etiquetas del campo texto corto debido a que tengo un formulario donde estoy haciendo uso del Widget Hoja de calculo a formulario, en donde tengo varios campos que se nombran de la misma forma.

    Por ejemplo Nombre Beneficiario, Ciudad Beneficiario, parentesco y fecha de Nacimiento, por lo que las columnas del archivo de excel los nombre Nombre Beneficiario1, Ciudad Beneficiario1, parentesco1 y fecha de Nacimiento1 y asi sucesivamente.

    Pero no quiero que se vea asi la etiqueta del campo y quisiera que fuera oculto para evitar confusiones, hay alguna posibilidad de ocultar la etiqueta o alguna otra solución.


    ¿Cómo ocultar las etiquetas de campo? Image 1 Screenshot 20

    Adjunto el link del formulario, esto lo necesito para la hoja que se llama renovación.


    Quedo atento a sus comentarios.

  • Ronald Jotform Support
    Fecha de respuesta 19 de mayo de 2025, 23:52

    Hi David,

    Thanks for reaching out to Jotform Support. Our Spanish Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But, it might take a while until they're available again.

    Now, coming back to your question, you can easily hide the labels of your form fields by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    #label_121,
    #label_122,
    #label_123,
    #label_124,
    #label_137,
    #label_138,
    #label_139,
    #label_140 {
      display: none;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    ¿Cómo ocultar las etiquetas de campo? Image 1 Screenshot 30

    See the screenshot below for the results:

    ¿Cómo ocultar las etiquetas de campo? Image 2 Screenshot 41

    Give it a try and let us know how it goes.

Su respuesta