Change message color of "Date reservation" widget.

  • Dtbzz
    Asked on May 29, 2019 at 8:22 AM

    following this topic

    https://www.jotform.com/answers/1239078-How-can-I-change-the-date-reservation-widget-colors

     

    How can I change the formatting of the "you can only select one day" message under the calendar?

  • Ashwin JotForm Support
    Replied on May 29, 2019 at 10:40 AM

    Please inject the following custom css code in "Date Reservation" widget to change the font color and font weight of the error message "You can select one day." :

    .limit-text {

        color: #ff0000 !important;

        font-weight: bold !important;

    }

    The following guide should help you how to inject custom css code in widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    Hope this helps.

    Do get back to us if you need any other changes.

  • Dtbzz
    Replied on June 11, 2019 at 5:48 AM

    Thank you.

    In addition, how can I

    - change the names of the days to another language

    - change the css of the names of the days?


    Thank you for your help!

  • jherwin
    Replied on June 11, 2019 at 6:36 AM

    I'm not sure if that is possible. Can you please share your form URL where the date reservation widget is added so we can check and see if we can change the names of the days through CSS code?

    We will wait for your response.

  • Dtbzz
    Replied on June 11, 2019 at 6:48 AM
  • Ashwin JotForm Support
    Replied on June 11, 2019 at 7:51 AM

    I did check your form and it seems you have already injected custom css code to hide the day label and show another text. Please check the screenshot below:

    1560253857dateReservation Screenshot 10

    Do you want to make any other changes? Do get back to us and we will try to help you.

    We will wait for your response.

  • Dtbzz
    Replied on June 11, 2019 at 7:55 AM

    I'm sorry, I made a mistake. I indeed already found out how to change the days, I am still looking for a solution to translate the months.

    Concerning the days, is it possible to change the colour of the font?

  • Ashwin JotForm Support
    Replied on June 11, 2019 at 8:21 AM

    I will check if there is any workaround to translate the months in date reservation widget. 

    For your requirement to change the font color of the days, please inject the following custom css code in the widget:

    .ui-datepicker th {


        color: #f70707 !important;

    }

    Hope this helps.

    Do get back to us if you have any questions.

  • Dtbzz
    Replied on June 27, 2019 at 5:05 AM

    Is there any news on the language of the months?

  • AndrewHag
    Replied on June 27, 2019 at 6:48 AM

    Unfortunately, as far as I know, it's not possible to change the language of the months in Date Reservation widget.

    But, I suggest you to use localized calendar widget if that works for you.

    1561632463chrome scjCF9H8oN Screenshot 10

  • Dtbzz
    Replied on June 27, 2019 at 7:18 AM

    That's a pitty...

    The localized calendar

    1/doesn't support the language of my form (Dutch)

    2/doesn't store and excludes/greys out dates picked by a previous form-filler


    So I cannot work with that widget.

  • jherwin
    Replied on June 27, 2019 at 8:33 AM

    Let me message my colleague and ask him regarding the workaround. However, if we can't find a solution/workaround for this we will forward this to our developers as a feature request.

    My colleague will update you once he is online or available.