Traducir el widget "ARRASTRAR Y CARGAR ARCHIVOS "

  • Profile Image
    user_603c5a9d30e5f56e2071ac854
    Fecha de consulta 25 de mayo de 2020, 19:55

    ¿ y para traducir el widget " ARRASTRAR Y CARGAR ARCHIVOS " ?

  • Profile Image
    David Jotform Support Manager
    Fecha de respuesta 25 de mayo de 2020, 20:21

    Puede intentar traducir el texto que aparece con el siguiente código CSS:

    .drop_area.hidden{

    visibility: hidden;

    }

    .drop_area.hidden:before {

        visibility: visible !Important;

        content: "Arrastra y suelta archivos aquí";

        font-size: 25px;

        margin-left: 5%;

    }

    Resultado:

    1590452374resultado Screenshot 10

  • Profile Image
    user_603c5a9d30e5f56e2071ac854
    Fecha de respuesta 25 de mayo de 2020, 22:09

    Muchas gracias, ya lo he conseguido. 

    ¿ Como puedo traducir el resto del widget ?

    He intentado lo mismo con la etiqueta "File Name", poniendo:

    .label filename{ visibility: hidden;}


    .label filename:after{    content: "Nombres de los Archivos" !important;    visibility: visible;}


    Pero no funciona. 


    Tendría que traducir los textos:

    File Name

    Size

    Remove?

    Status

    Max file size

    Uploading

    files

    Completed


    Gracias.

  • Profile Image
    Carlos_C
    Fecha de respuesta 26 de mayo de 2020, 9:42

    Hola,

    Gracias por su mensaje.

    Idealmente el código CSS para cambiar el nombre de las etiquetas es:

    .filesize-area {

    font-size: 0!important;

    }

    .filesize-area:before {

    content: "Tamaño"; font-size: 14px!important;

    }

    .fileremove-area {

    font-size: 0!important;

    }

    .fileremove-area:before {

    content: "Remover"; font-size: 14px!important;

    }

    .fileprogress-area {

    font-size: 0!important;

    }

    .fileprogress-area:before {

    content: "Estado"; font-size: 14px!important;

    }

    .upload_button {

    font-size: 0!important;

    }

    .upload_button:before {

    content: "Subir"; font-size: 14px!important;

    }

    .progress-status {

    font-size: 0!important;

    }

    .progress-status:before {

    content: "Completado"; font-size: 14px!important;

    }

    Pero este código reemplaza la información dinámica del widget, le recomiendo que utilice solo:

    .upload_button {

    font-size: 0!important;

    }

    .upload_button:before {

    content: "Subir"; font-size: 14px!important;

    }

    Traducir el widget ARRASTRAR Y CARGAR ARCHIVOS  Image 1 Screenshot 20

    He actualizado la solicitud al segundo nivel de soporte para poder agregar las traducciones que usted menciona.

    Si necesita más ayuda, háganos saber. Estaremos encantados de ayudar.