Files
coopgo/themes/coopgo-theme/layouts/shortcodes/kantree-form-button.html

19 lines
891 B
HTML

<button class="{{.Get 1}}" onclick="toggleKantreeOverlay({{.Get 2}})">{{.Inner}}</button>
<div id="kantreeoverlay{{.Get 2}}" style="position: fixed; top: 52px; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(36,56,135,0.5); display: none;" onclick="toggleKantreeOverlay({{.Get 2}})">
<div class="w-full max-w-1000 m-auto bg-white h-full" style=" opacity: 1;">
<div class="small ta-r p-10"><a style="cursor:pointer" ontap="toggleKantreeOverlay({{.Get 2}})">X Fermer</a></div>
<iframe class="w-full h-full" style="border: 0;" src="{{.Get 0}}"></iframe>
</div>
</div>
<script>
function toggleKantreeOverlay(val) {
var x = document.getElementById("kantreeoverlay"+val);
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
</script>