Solved SP Page Builder

Issues with Form Builder and NavBar/Footer

Asked by T. H. 3 years ago Last activity 3 years ago

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.

Accepted answer

Marked as the solution

Rashida Rahman Staff

3 years ago · edited

Hi,

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

5 more replies

Rashida Rahman Staff

3 years ago

Hi 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. Asked this

3 years ago · edited

The 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. Asked this

3 years ago

Will 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. Asked this

3 years ago

Thank 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!

Rashida Rahman Staff

3 years ago

You're welcome:)

Actually, SP Page Builder works within the component area. But the Header, footers are outside of component area, so they can be handled through the template layout builder only.

Best Regards