Jean-Marc asked 2 years ago

Hi,
I would like to have a nice calendar as here, the “Responsive two columns form”.
Currently, I’m quite far from this level 🙁
Have a look : https://www.invitro.immo/rv_easyappointments/
For the shortcodes:

  • Forme standard “ea_standard”
    [ea_standard max_date="2020-09-15"]
  • Version Bootstrap – mise en page réactive “of_bootsrap”
    [ea_bootstrap width = "800px" scroll_off = "true" layout_cols = "2" worker ="1" location="1" service="1" max_date="2020-09-15"]
  • Vue FullCalendar “ea_full_calendar”
    [ea_full_calendar location = "1" worker = "1" service = "1"]

Thanks for your help!

Jean-Marc replied 2 years ago

Lol! Sorry, I didn’t know the shortcodes will work here… sorry again 🙂

4 Answers
Nikola Loncar Staff answered 2 years ago

Hi, can you put only bootstrap version of shortcode on that page. After that I will check what styles are issues there. Also please try increase width from 800px to 1000px

Best regards,
Nikola

Jean-Marc answered 2 years ago

Hi Nikola,
I did what you were requesting.
Still on the same page : https://www.invitro.immo/rv_easyappointments/.
Thanks for your help!
Jean-Marc

Nikola Loncar Staff answered 2 years ago

Hi Jean, thanks you need to do two things 🙂

1. Put this styles to EA Settings > Customize > Custom styles :

.ea-bootstrap .ui-datepicker {
	box-shadow: none;
	border: none;
}

2. I will suggest that you turn off caching for that page or if you can’t do that turn off nonce from EA Settings > Customize page (Turn nonce off). But I would suggest that you turn caching off for that page 🙂

Best regards,
Nikola

Jean-Marc answered 2 years ago

Hi Nikola,
Thanks for your answer.
The box disappears, what a piity you have put a nice one…
At least it looks more “clean”.
Thank you!

Nikola Loncar Staff replied 2 years ago

You’re welcome 🙂