Bootstrap modal box destroys template

Phoca Maps - displaying maps in Joomla! CMS
petjez
Phoca Member
Phoca Member
Posts: 42
Joined: 04 Mar 2012, 21:48

Bootstrap modal box destroys template

Post by petjez »

Hi there,

since i moved to Joomla 5, the Joomla Maps Maps plugin is messing with my template. This only happens when i set the Detail Window to: Bootstrap Modal Box.

The setting is enabled now on https://globetrotten.nl
There is a little text link under the first article box. The link is called 'KAART'.
When you click the link, the modal pops up, but stays empty.

I disabled some other plugins and modules, but this doesn't help.

Can you please advice?

Kind regards,
Patrick
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9408
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Bootstrap modal box destroys template

Post by Benno »

Hi,
What happens when you switch from ‘Bootstrap Modal Box’ to ‘Standard Popup Window’?
Image

Kind regards,
Benno
petjez
Phoca Member
Phoca Member
Posts: 42
Joined: 04 Mar 2012, 21:48

Re: Bootstrap modal box destroys template

Post by petjez »

Hello Benno,

when i choose the 'Standard Popup Window' the site template is showing normal. But the map is opening in a new browser window. The map is showing the content from the KML files i use.

Regard,
Patrick
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9408
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Bootstrap modal box destroys template

Post by Benno »

Hi,
this is difficult to answer. I see you are using Cassiopeia or a Cassiopeia child template. That's what I'm using in the screenshot below and everything works as expected...
Does it have something to do with the versions used or, as you already suspected, with conflicting plugins or modules? See screenshot:

Image

I also found some JS errors on your site, which may also be the reason for the incorrect display:

Image


Kind regards,
Benno
petjez
Phoca Member
Phoca Member
Posts: 42
Joined: 04 Mar 2012, 21:48

Re: Bootstrap modal box destroys template

Post by petjez »

Benno,

How do you get al these version numbers in one article?
i have Joomla 5.1.2, Phoca Maps Component 5.0.2, Phoca Maps Plugin 5.0.1
PHP version is 8.1.28, my template is Cassiopeia with a Child Template.

I don't know if it is possible to reinstall or upgrade the bootstrap software. I can try to copy the bootstrap files from a fresh installation of Joomla maybe?

Thanks for your answers sofar,
Patrick
petjez
Phoca Member
Phoca Member
Posts: 42
Joined: 04 Mar 2012, 21:48

Re: Bootstrap modal box destroys template

Post by petjez »

Benno,

i also tried another Template, but this gives me the same result.

Patrick
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9408
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Bootstrap modal box destroys template

Post by Benno »

Hi,
How do you get al these version numbers in one article?
By writing it manually in the article.
I like to do this on my test pages so as not to compare apples with pears, as they say in German. :wink:
i also tried another Template, but this gives me the same result.
I would stick with Cassiopeia. Every Joomla! extension developer will always test her/his extensions with the Joomla! standard template and the extensions must work with it. And Phoca Maps and the Phoca Maps Plugin work with Cassiopeia, as you can see in my screenshot.

So the JS error and possible incompatibilities with other external extensions remain. :idea:

Kind regards,
Benno
petjez
Phoca Member
Phoca Member
Posts: 42
Joined: 04 Mar 2012, 21:48

Re: Bootstrap modal box destroys template

Post by petjez »

Hello Benno,

i've started a thread on the Joomla Forum. Here is the thread: https://forum.joomla.org/viewtopic.php?f=844&t=1010776

It looks like other people think it's not a Joomla issue. Do you have any thoughts on this?

Kinds regards,
Patrick
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48304
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Bootstrap modal box destroys template

Post by Jan »

Hi,

do you use some specific system plugin which can e.g. manipulate the Joomla output content?

Why I ask, because if I look at your source code, the code there is completely disordered and e.g. the modal window code, which usually is rendered above the link code, is on your site divided into more parts and rendered e.g. inside some button:

Image

Where did you place teh plugin code? Is ist correctly set in article content?

BTW Phoca Maps does not use any own Bootstrap library, it just calls the one loaded by Joomla.

Jan
If you find Phoca extensions useful, please support the project
petjez
Phoca Member
Phoca Member
Posts: 42
Joined: 04 Mar 2012, 21:48

Re: Bootstrap modal box destroys template

Post by petjez »

Hello,

i found the issue. The problem is that i wanted to put the link to the Phoca Maps plugin inside a button. I messed it up myself because of lack of knowledge.

The link is inside a div, this does not work correctly. When i put the link outside the div everything works as expected.

Code: Select all

<div class="knopjes-groep" style="width: 100%;"><a href="fotos/duitsland-frankrijk-zwitserland-2024"><button class="knopje" style="width: 48%;">FOTO'S</button></a> &nbsp;&nbsp;<button class="knopje" style="width: 48%;">{phocamaps view=link|id=32|text=KAART}</button></div>
<div>&nbsp;</div>
I guess i need to fix this button somehow.

Thanks for helping out.

Patrick
Post Reply