Booking form not generating properly.

  • Resolved moritz20099

    (@moritz20099)


    7 months ago

    Hello dear support team,

    i am facing the issue that i would like to combine my seperate pages with each one form on it to one. Thats why i used the elementor nested tabs to do this, now i can just place a shortcode into the tab and display it. But when i look on the page, the first form is generated normally but the ones that are in a tab that hasnt opened yet arent. Instead of beeing displayed in one row it is displayed in a column (i fixed this with css on live page).

    But also the form is starting in “Day” Mode not in week, something is not loading properly. Is there a workaround?


    Greetings
    Moritz

    • This topic was modified 7 months ago by moritz20099. Reason: image was broken

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author yoancutillas

    (@yoancutillas)

    Hello Moritz,

    That’s because the calendar is rendered on page load, not when the tab is switched. However, on page load, your hidden calendar size is probably 0. So the calendar may not appear at all until you navigate in the calendar (with the < > buttons or the “Day”, “Week”, “Month” buttons),, that would trigger a rerender. And if it appears, it would appear in column and default to the “Day” view because that’s the way it is displayed on small screens (like smartphones) (again, the calendar size is considered to be 0).

    In order to prevent this issue to happen, you would need to use a Tab system that doesn’t make the hidden tabs size to 0. I don’t know any specifically so I cannot recommend one.

    Otherwise, you would need to make some javascript code to rerender the calendar when the tabs are switched, and some CSS to undo the column layout.

    Alternatively, you can use the Display Pack add-on to use the “Waterfall” display instead of the “Calendar” display (demo).

    Or, according to your needs, you may find it useful to create a new global calendar that displays all the events and that redirects the customer to the corresponding page when they click on one of them (docs, demo).

Viewing 1 replies (of 1 total)
  • The topic ‘Booking form not generating properly.’ is closed to new replies.