Modals

The "modal" class makes the button invisible within the editor

Claudio Romeo

In an article, I inserted this code:

<p style="text-align: center;"><a href="images/Articoli/0001_0050/0005/Studio_Il_loto_20231215_Cookie.pdf">
		<button class="btn"> <strong>Leggi l'informativa estesa</strong><br><small>sui cookie</small></button>
	</a></p>

And everything works well: when I click the button, the PDF document opens.
If I add the modal class to the link:

<p style="text-align: center;"><a href="images/Articoli/0001_0050/0005/Studio_Il_loto_20231215_Cookie.pdf"  class="modal">
		<button class="btn"> <strong>Leggi l'informativa estesa</strong><br><small>sui cookie</small></button>
	</a></p>

in the frontend there is no problem at all, but in the backend editor (JCE) the button disappears. It is no longer visible, but it is still present (and working) in the Code tab.
This strange behavior refers to Modal or to JCE?
You can test the page here: www.studioilloto.it/info-legali/cookie
The image shows the backend editor appearance: only a second button (with no modal class) is visible.

Peter van Westen ADMIN

4 months 1 week ago

Peter van Westen ADMIN

4 months 1 week ago

That has nothing to do with Modals.
The styling of elements inside your editor is down to the editor and any loaded css stylesheets.

Please post a rating at the Joomla! Extensions Directory

Claudio Romeo

4 months 1 week ago

Claudio Romeo

4 months 1 week ago

Got. Thank you.

You can only post on the extension support forum if you have an active subscription and you log in

Buy a Pro subscription

Modals

The "modal" class makes the button invisible within the editor

M Modals