Cambiar la forma de ver el calendario desplegable

  • BizkaiaParkAbentura
    Fecha de consulta 21 de junio de 2024, 7:01

    Hola buenas,

    El calendario desplegable de fechas no tiene buena visibilidad. Las fecha elegibles no resaltan lo suficiente. Como podemos solucionarlo? Gracias

    Jotform Thread 16136861 Screenshot
  • Jerlan Jotform Support
    Fecha de respuesta 21 de junio de 2024, 9:08

    Hi BizkaiaParkAbentura,

    Thanks for reaching out to Jotform Support. Our Spanish Support agents are currently busy helping other Jotform users. 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, remember that you'd have to wait until they're available again.

    About your question, Can you send me the link to your form so I can take a look at it for you?

    Once we hear back from you, we'll be able to help you with this.

  • BizkaiaParkAbentura
    Fecha de respuesta 21 de junio de 2024, 9:12
  • BizkaiaParkAbentura
    Fecha de respuesta 21 de junio de 2024, 9:15

    https://form.jotform.com/71793809330360

    En este otro calendario se ve perfectamente que dias son elegibles y cuales no. Nos gustaria que fueran iguales, graciasCambiar la forma de ver el calendario desplegable Image 1 Screenshot 20

  • Vincenzo Jotform Support
    Fecha de respuesta 21 de junio de 2024, 11:49

    Hola BizkaiaParkAbentura,

    Si le gustaría poder destacar cuál son los días disponibles y cuál no en sus calendarios, puede añadir un Código CSS a su formulario. Hacerlo es muy simple, le explico como:

    1. En el Creador de formularios, hacer clic en el botón Diseñador de formularios situado en la parte superior derecha de la pantalla.
    2. A continuación, hacer clic en la pestaña Estilos.
    3. Bajar hasta Insertar CSS personalizado e introducir el código siguiente:
    /* Code to hightlight available and unavailable days in Date Picker element - 16136861 */
    .calendar.popup table tbody td:after,.unselectable {
        color: red !important;
        font-weight: bold !important;
        background-color: #c8ceed !important;
        
    }
    div.calendar tr.days td {
        color: #2ea50b;
        font-weight: bolder !important;
    }
    /* Code Ends Here */

    Cambiar la forma de ver el calendario desplegable Image 1 Screenshot 30

    Resultado:

    Cambiar la forma de ver el calendario desplegable Image 2 Screenshot 41

    Pruebe y háganos saber si necesita más ayuda.