Bootstrap modal box destroys template

[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]

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

[Jan]

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

Jan