Issues With Form Builder And NavBar/Footer
T. H.
For the current website I am building I have made a contact form via the Form Builder in Joomla 4.3.3 and SP Page Builder 4.0.10 although I am having the same issues in the current version 5.0.8.
The form itself works and is able to send out emails by itself. I have now however added a navigation bar using Joomla Site Modules and within that I have used SP Page Builder and the custom code(RAW HTML) block. I have done the same for the footer of the page with the exception that in the footer I am not only using custom code but also the divider and text blocks. The navigation bar and footer are displayed on all pages.
Once I added the navigation bar and footer the form I built will simply spin the sending animation without actually sending anything. Unpublishing the navbar and footer resolves the problem again. This is irrelevant of using PHPMail or SMTP. I have already looked through the forums but could not find anything useful besides someone saying to disable the modules (https://www.joomshaper.com/forum/question/1935). This however is not an option as I need both of the modules on every page.
Rashida Rahman
Accepted AnswerHi,
Really sorry for the delayed response.
You are using script there in your raw HTML code: https://prnt.sc/BPmf3cpNQAxs
That script is not acceptable. I have tried to remove that portion then the save spinning issue not happens.
SP Page Builder is using this: src="/keiko/media/vendor/jquery/js/jquery.min.js?3.6.3"
And you are using this in your HTML code: src="/https://code.jquery.com/jquery-3.6.0.min.js"
So it can be version conflict issue between 3.6.3 and 3.6.0.
I have a suggestion for you. If you try our Helix Ultimate Template then you will be able to easily create your Header, fotter with the help of the Template Options. Then no need of hard code the header, footer, and it should resolve the conflict issue with the contact form.
Here is the Helix Ultimate Template: https://www.joomshaper.com/joomla-templates/helixultimate
Quickstart installation process: https://www.joomshaper.com/blog/how-to-install-quickstart-package-in-joomla-4
Template pack installation process: https://www.joomshaper.com/blog/how-to-install-a-joomla-template
Documentation of Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/introduction
You can choose any predefined header style from the existing list: https://www.joomshaper.com/documentation/helix-framework/basic#header
Or you can create your own custom header: https://www.joomshaper.com/documentation/helix-framework/custom-header
Best Regards
Rashida Rahman
Accepted AnswerHi there!
Sorry for your issue.
Can I have your site URL here to check?
And give us the exact redirection to where the probem is.
Best Regards
T. H.
Accepted AnswerThe website is currently being developed on localhost and therefore I do not have a domain to share with you. I am however happy to launch a ngrok tunnel and provide you with that URL and login credentials. I do not know how long the tunnel will be stable for. If this won't work I will move it to a server and provide access to that.
Please do not Update the SP Page Builder installation as I prefer and need to work with version 4 and not 5
T. H.
Accepted AnswerWill this still be answered? It seems to have fallen behind the other questions on the forum and its been almost a week. I will need to bring my website online soon and would like for the contact page to work. So far nobody even tried loggin in to my Joomla page
T. H.
Accepted AnswerThank you for your response. I have tried using src="/keiko/media/vendor/jquery/js/jquery.min.js?3.6.3" instead of src="/https://code.jquery.com/jquery-3.6.0.min.js" to no avail.
Whilst annoying that SP Page Builder can't natively handle header/footer, it worked well with the Helix Template. Issue seems therefore to be resolved for now. Thank you!