fergsarroca
Forum Replies Created
-
Hi Laura,
Thank you for looking into this and for your detailed feedback.
I’ve tried both enabling and disabling Ajax loading for the form, but unfortunately, the issues persist with both settings.
- The form doesn’t drop the calendars, but it works perfectly when dates are set manually. The same issue occurs in responsive mode.
Given that the form works consistently fine when Ajax is disabled, even in responsive mode, perhaps a simpler solution would be to find a way to force the calendars to drop down when Ajax is disabled. Is this something we can achieve?
- While the calendars drop down fine, the behavior is inconsistent. In responsive mode, the calendars never drop down. In normal screen display, sometimes they trigger the upcoming fields, and sometimes they don’t. Here’s a video demonstrating this inconsistent behavior:
– Link to the video in normal display
– Link to the video in normal display
I hope this additional information helps in troubleshooting the issue further. Please let me know if there are any other suggestions or steps we can try to resolve this.
Best regards, Fernando
Hi Adam,
Thank you for your response and for pointing out the confusion. I appreciate your attention to this matter.
From the outset, the query and topic were initiated because we started with a single form that should have functioned well both on the main contact page and within a popup on any other page. Unfortunately, this was not the case, and through the support team and following their instructions, I was advised to use different snippets depending on the location of the same form. The issue on the main contact page has been resolved. The problem lies in the execution of the popup, which is based on the same form as the main contact page but with slight modifications recommended by yourselves. This is the root of the confusion.
This is the link to the page with the popup form, follow the next video to find the button “surfcamp planner” to execute the issued pop up.
This is the video of the Form embedded in a pop-up with the issue [Ajax].
– This is the Snippet [mu plugin] I’m using for the form.
– This is the exported Form
In fact, we just need to address the issues with the popup version. Currently, the form encounters an issue with the calendars not dropping down in responsive mode within the popup. However, when dates are manually set, the form works perfectly fine.Could you please assist me in resolving this minor issue with the calendars in the popup version of the form?
Your help is greatly appreciated, and I look forward to your guidance.
Best Regards,
FernandoNo please, i will answer during the weekend. Give me some more time. Not solved yet.
Thanks
Hi Nithin
I hope this message finds you well.
Following your latest recommendations, I’ve implemented the changes, and I’m pleased to share that the difference calculation is now working smoothly. However, to achieve this, I had to deactivate Ajax loading.
Unfortunately, deactivating Ajax has introduced a new challenge – the calendars no longer drop down in responsive mode. Interestingly, if I set the dates manually, it works perfectly.
Given this, I’m seeking your guidance on how we can ensure the calendars force the dropdown in responsive mode without relying on Ajax loading.
Your assistance is highly appreciated.
Best Regards, Fernando
Hi Dmytro,
Thank you for the updated snippet and the detailed instructions. I’ve successfully implemented the changes, including the switch to Ajax as instructed.
However, an inconvenience persists. The visibility rules don’t seem to trigger until I modify any input. It appears that subsequent fields are unable to interact with the automatically populated “number-3” field, which holds the result of the date difference calculation.
Furthermore, in the responsive version, the difference calculation between dates exhibits inconsistent behavior—sometimes it works, sometimes it doesn’t. But anyway, also unable to to trigger until I modify any input.
Here are the relevant links for your reference:
- Form embedded in a pop-up with the issue [Ajax].
– Snippet
– Form - Same form embedded on a normal page with a different snippet, working fine and quickly [No Ajax].
– Snippet
– Form - Responsive, see the video until the end, I recorded it calculating and not calculating.
I appreciate your insights and assistance in resolving this matter.
Best Regards,
Fernando- This reply was modified 2 years, 5 months ago by fergsarroca.
Hi Zafer,
Thank you for the update and for looking into these issues!I really appreciate your efforts and the SLS team’s dedication in addressing these concerns. Have there been any advancements or updates since you started investigating?
I’m eager to hear about any progress or developments that might have occurred.
Thanks again for your patience and dedication in resolving these issues.
Best regards,
Fernando.
Very thanks for your support 🙂
Hi Nithin,
Thank you for your guidance regarding the PHP tag oversight; I’ve rectified the syntax issues. However, a couple of challenges persist that I hope to address with your help. We are getting closer.
Issue 1: Despite applying the previous provided CSS rules;
.select2-container {z-index: 9999999!important; } ui-datepicker-div {z-index: 9999999!important; }the calendars still fail to drop down within pop-ups. It’s important to note that now, when dates are manually inputted via the keyboard after changing a previously filled input, the form works. However, this issue persists solely in pop-ups and doesn’t occur with normal page embedding.
Issue 2: When the form is within the pop-up, there’s an issue with the “number-1 field.” It remains in 0. It doesn’t calculate the date difference until another prior input is modified or clicked.
Here’s a video illustrating the problem:
[Video In full display: No dropdown & need to modify some prior already filled field]
[Video In responsive: No dropdown & need to modify some prior already filled field]
So in fact is almost working!Your ongoing assistance has been invaluable. Any insights you can provide to resolve these challenges would be greatly appreciated.
Best regards,
FernandoHi Kasia,
Thank you for the updated snippet. I attempted to implement it by creating a new mu-plugin and removing the previous snippet. However, upon adding the new code, I encountered a critical error resulting in a white screen.
Subsequently, I tried using both the new snippet and the old one simultaneously (although I understand this might not be the ideal approach), but encountered the same issue.
Here’s a screenshot of the error for reference.
To troubleshoot, I’ve already taken the step of deactivating every plugin from my WordPress plugin manager on the desktop interface, yet the error persists.
I’m concerned that I might be missing a crucial step or perhaps there’s a specific line in the code that requires modification for my setup. Could you provide further guidance on how to properly implement the snippet without causing errors?
Your assistance in troubleshooting this matter would be greatly appreciated.
Best regards, Fernando
Hi Laura (@wpmudevsupport3),
I wanted to confirm that I’ve followed your instructions. I’ve sent the necessary email containing the required information and the Elementor Pro installer link to the provided email address: [email protected] with the subject “ATTN: WPMU DEV support – wp.org”.
Once again, thank you for your assistance in addressing this matter.
Best regards, Fernando
- This reply was modified 2 years, 5 months ago by fergsarroca.
Hi Laura (@wpmudevsupport3),
Thank you for the provided code snippet. Could you assist me in identifying the specific lines that require modification for updating the Form ID and adjusting the number fields? It would be immensely helpful if you could point out those lines to ensure the correct customization.
Your assistance is greatly appreciated.
Best regards, Fernando
Hi Dmytro (@wpmudevsupport16),
Thank you for the CSS suggestions. With the implemented rules, the calendars now drop down within the pop-up when the form is embedded. However, the calculation issue in the “Nights” (number-1) field persists. It seems the mu-plugin isn’t functioning when the form is in the pop-up.
You can take a look at the issue here.
Regarding the plugin used for pop-ups, we’re using Elementor.
Your continuous support is immensely appreciated.
Best Regards,
FernandoThanks for the guidance. Just to clarify, the form operates perfectly on the page, but the trouble arises when it’s embedded within a pop-up. I’ve captured a screenshot illustrating the issue. You can take a look at it here.
As you can see in the screenshot, the calendar dropdown doesn’t appear, preventing users from setting the dates. This issue directly impacts the calculations in “number-1” field, which is crucial for the form’s operation..
Your assistance in resolving this matter is greatly appreciated.
Best regards,
Fernando
- This reply was modified 2 years, 5 months ago by fergsarroca.
- This reply was modified 2 years, 5 months ago by fergsarroca.
Despite deactivating LiteSpeed, the problem persists. Specifically, when the form, with the mu-plugin, is embedded in a pop-up. The calendar doesn’t display, hindering the selection of dates. This make additionally, the mu-plugin not to operate in the “number-1”.
Even when attempting to manually set the dates, the “number-1” field remains unfilled.
Any further advice on how to resolve this would be greatly appreciated.
Best Regards,
Fernando
Yes, it’s still the same.
Thank you @wpmudev-support8 for checking the form; it wasn’t an issue, but I appreciate your assistance. There’s so much work in this form 🙂Regarding the errors you mentioned, changing the theme didn’t affect it, regenerating Elementor assets didn’t help either. However, I found a conflict with Lightspeed. When I disabled it, the form worked perfectly on the Contact page. But when embedded in a pop-up, specifically with the mu-plugin, the calendar doesn’t appear, making it impossible to select dates and run the mu-plugin in the next “number-1” field.
Even when setting the dates manually, the “number-1” field dosn’t fill. I need to figure out if the mu-plugin can function within a pop-up and investigate Lightspeed’s compatibility. Lightspeed is crucial for passing Google’s PageSpeed Insights tests, so I can share those settings if needed.
Thank you again for your help.
Best regards,
Fernando
- This reply was modified 2 years, 6 months ago by fergsarroca.
- This reply was modified 2 years, 6 months ago by fergsarroca.
- This reply was modified 2 years, 6 months ago by fergsarroca.
- This reply was modified 2 years, 6 months ago by fergsarroca.