Page 2 of 2

Re: Bootstrap modal box destroys template

Posted: 04 Aug 2024, 15:32
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

Re: Bootstrap modal box destroys template

Posted: 04 Aug 2024, 19:58
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

Re: Bootstrap modal box destroys template

Posted: 05 Aug 2024, 16:36
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