-
DtbzzAsked 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 SupportReplied 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.
-
DtbzzReplied 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!
-
jherwinReplied 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.
-
DtbzzReplied on June 11, 2019 at 6:48 AM
-
Ashwin JotForm SupportReplied 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:
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.
-
DtbzzReplied 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 SupportReplied 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.
-
DtbzzReplied on June 27, 2019 at 5:05 AM
Is there any news on the language of the months?
-
AndrewHagReplied 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.
-
DtbzzReplied 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.
-
jherwinReplied 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.