¿Cómo categorizar los elementos en la tabla de entrada?

  • jmkinversiones
    Fecha de consulta 8 de agosto de 2024, 16:19

    Buenas tardes, me gustaría saber como es el proceso para colocar una subcategoría en un elemento de tipo "tabla de entrada", de modo que se pueda tener un listado de items o tareas y agruparlos en varios conjuntos dentro de una misma tabla de entrada.

    Adjunto una imagen de referencia de lo que se pretende hacer.

    Muchas gracias.

    Jotform Thread 17752041 Screenshot
  • Gian_D Jotform Support
    Fecha de respuesta 8 de agosto de 2024, 20:04

    Hi jmkinversiones,

    Thanks for reaching out to Jotform Support. Unfortunately, our Spanish Support agents are busy helping other Jotform users at the moment. 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, keep in mind that you'd have to wait until they're available again.

    As for your issue, although we can't add a subcategory on the Input Table widget, as a workaround, you can use the Spreadsheet widget to categorize your items or tasks listed. Let me show you how to do it:

    1. In Form Builder, click on Add Form Element on the upper left side of the page.

    ¿Cómo categorizar los elementos en la tabla de entrada? Image 1 Screenshot 60

    2. Click on the Widgets tab.
    3. Search for Spreadsheet.
    4. Drag and drop Spreadsheet widget on your form.

    ¿Cómo categorizar los elementos en la tabla de entrada? Image 2 Screenshot 71

    5. Click on the Wand icon of your Spreadsheet widget.
    6. Enter the number of rows of your table.
    7. Enter the number of columns of your table.
    8. Enter the labels of each column.

    ¿Cómo categorizar los elementos en la tabla de entrada? Image 3 Screenshot 82

    9. Enter the text which will act as a row header inside Default Values, but make sure to follow the format indicate below the field.
    10. Enter the fields that want to be uneditable.

    ¿Cómo categorizar los elementos en la tabla de entrada? Image 4 Screenshot 93

    11. Click on the Custom CSS tab.
    12. Enter the sample CSS code below inside the field:

    /*To change the color of the row*/
    .r1 { background: gray }
    .r6 { background: gray }
    /*Ends here*/

    ¿Cómo categorizar los elementos en la tabla de entrada? Image 5 Screenshot 104

    You can change the row you want to customize by changing the number on that CSS code.

    You can also clone my demo form as a reference.

    That's it. Let us know if you have any other questions.