Form layout

Jean-Marc asked 4 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 4 years ago

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

4 Answers
Nikola Loncar Staff answered 4 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 4 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 4 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 4 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 4 years ago

You’re welcome 🙂