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

Re: Bootstrap modal box destroys template

Post by petjez »

So, i like to add a link to a map inside a button and then use the Modal Popup method of the Phoca Maps Plugin

This works:

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;&nbsp;&nbsp;{phocamaps view=link|id=32|text=KAART}</div>
<div>&nbsp;</div>
<button type="button" class="btn btn-outline-secondary">{phocamaps view=link|id=32|text=KAART}</button>
May the Plugin won't load correctly when it is inside <button>. If 'somewhere on the page' the plugin is called without <button> it won't mess with the layout.

This is messing up the template layout

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>
I found this for the Button: https://getbootstrap.com/docs/5.1/components/buttons/

Can you think of a way to add the link inside a button?

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

Re: Bootstrap modal box destroys template

Post by petjez »

petjez wrote: 04 Aug 2024, 15:32 So, i like to add a link to a map inside a button and then use the Modal Popup method of the Phoca Maps Plugin

This works:

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;&nbsp;&nbsp;{phocamaps view=link|id=32|text=KAART}</div>
<div>&nbsp;</div>
<button type="button" class="btn btn-outline-secondary">{phocamaps view=link|id=32|text=KAART}</button>
Maybe the Plugin won't load correctly when it is inside <button>. If 'somewhere on the page' the plugin is called without <button> it won't mess with the layout.

This is messing up the template layout

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>
I found this for the Button: https://getbootstrap.com/docs/5.1/components/buttons/

Can you think of a way to add the link inside a button?

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

Re: Bootstrap modal box destroys template

Post by Jan »

Hi, for now, there is just content plugin which is a part of article and should be added to article text. :idea:

Jan
If you find Phoca extensions useful, please support the project
Post Reply