¿Cómo puedo ajustar esta tabla?

  • Profile Image
    dbernier_dbernier296
    Asked on June 29, 2021 at 08:04 AM

    Buenos días, desarrollando un forumalrio, he editado una hoja de calculo que necesito; sin embargo, no puedo ajustar la columna que dice "FACTORES ASOCIADOS AL ABASTECIMIENTO" (ver imagen). ¿Cómo puedo hacer para que la columna quede un poco mas ancha y que el texto se reparta en mas renglonnes para que se pueda visualizar la frace completa de cada celda?. Adicionalmente, ¿quisiera preguntar si existe la posibilidad de cambiar el color de las celdas de toda la diagonal de unos hacia arriba? (ver segunda figura).

    Este es el enlace del formulario: https://form.jotform.com/211785789957076

    ¿se podria colocar el texto de esta columna asi como el texto que esta en la primera fila?, es decir ¿que se distribuya en varios renglones?1624967559_60db098763098_


    y la segunda pregunta es, ¿como puedo cambiar el color de las celdas que estan por encima de la diagonal de unos (1), ver imagen de abajo:

    1624968001_60db0b4150a0d_

    De antemano, agradezco la atención y quedo pendiente de respuesta.



  • Profile Image
    Kevin_G
    Answered on June 29, 2021 at 03:05 PM

    Desafortunadamente no es posible mostrar el texto en la primera celda en múltiples líneas, ya que este es un campo de entrada de texto el cual no permite formatear el texto como deseas, es decir que no es posible debido a limitaciones técnicas del elemento HTML en sí. Sin embargo, es posible aumentar el largo del campo para que se muestre todo el texto, para ello puedes inyectar el siguiente código al widget que usas:

    .A input {
      width: 581px;
      text-align: left;
    }

    Puedes incrementar o disminuir el valor en "width" si lo deseas.

    Ahora, para cambiar el color de las celdas, tendrás que hacerlo una por una, para ello puedes seguir estos pasos:

    1. Haz clic derecho sobre la celda que quieres modificar y luego selecciona la opción "Inspeccionar", luego copia el valor dentro del atributo ID:

    1624993177_60db6d99ed602_

    En este ejemplo es "C1".

    2. Luego tienes que agregar el siguiente código a tu widget:

    #C1 {
      background: orange;
    }

    Para las siguientes celdas repite los pasos y simplemente reemplaza el ID que has copiado.

    Todo el código proporcionado en este ticket tienes que inyectarlo en tu widget siguiendo esta guía: https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets

    Si tienes dudas, déjanos saber.