CalcBuilder Forum

View Results in Modal problem

User BPC2022 2024-02-13 23:22:52

Im building a website using the Helix framework. Joomla 5. Ive set the results to appear in the modal window, however, when the page first loads, the modal heading and the add to cart button are appearing at the bottom of the page. Is anyone else having this problem? The problem doesnt occur on the Gantry framework and it could be a template code issue, however, Im trying to eliminate possible causes.

http://www.osborne-mcghie.com/index.php/calculator

Edited by BPC2022 - 16.02.2024 02:22

Moonsoft support 2024-02-14 09:17:11

Hi,
if the modal contents are showing without user action, we think the template could be overriding any style of the modal window making it appear by default. Please try this, insert this style (maybe at your template css, or if you want to restrict it to the calculator, write it inside a style tag into the calculator->js->'write directly at html' tab):

.hide{
display:none;
}

and try again the form. Please let us know if you can see any change.

Thanks, regards

User BPC2022 2024-02-16 01:55:01

Thank you. Unfortunately your talking with someone who has little experience with code. Exactly what do I need to copy and paste directly into the HTML tab. I will use it only in the calculator. God knows what it will break if i change the code in the template

Moonsoft support 2024-02-16 09:16:53

Hi,
those lines above define an style, so you can just copy&paste it inside your template css, any other css you may have published, or, inside the calculator section explained above, but in this case, enclosing it inside a 'style' tag, this way:

https://www.moonsoft.es/images/2024/styletag.png

Hope this helps, regards
Moonsoft Team

...
Support/development 40 hours

With the peace of mind of having a professional team at your service (20% discount)

Buy now!
...
Support/development

Perfect for small code changes or to correct any bug at your site

Buy now!