You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Online

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

#113481 MediaBox link as button in editor looses styling in browser

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Monday, 03 April 2023 14:08 BST

benw
Unsure if I am missing something however my goal is to present a MediaBox link as a standard HTML button in the browser
In the Editor - JCE Pro I apply the btn style to the MediaBox Link - all good
In the browser the relevant css has been overwritten resulting in a transparent border and backround etc.
Am I missing a setting in the profile for the plugin link or ??

Attachments

Ryan
In the browser the relevant css has been overwritten resulting in a transparent border and backround etc.


This might be the result of the Mediabox css on the link. Please post a link to an example.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

benw
Hi Ryan
Apologies, this is the link as generated by the popup in the editor
<p><a href="https://www.joomlacontenteditor.net/index.php/privprint" class="btn jcepopup" data-mediabox="1" style="color: #000000;">Printable page</a></p>
Regards
Ben

Ryan
Please post a link to an example popup on your site, so I can see the css in action.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

benw
https://suite17.williams.com.au/index.php/privacy
This is a development site using Joomla 4.2.9 and PHP 8.1.17

benw
Further - the page https://suite17.williams.com.au/index.php/appointments also has a button however that styling carries on from the code to the browser moreor less as in the editor.
The relevant link
<a href="https://www.joomlacontenteditor.net/index.php/refupload" target="_self" class="btn btn-warning active jcepopup noicon" type="iframe" rel="nofollow" data-mediabox="1" data-mediabox-type="iframe">upload a document</a></p>

Ryan
In the browser the relevant css has been overwritten resulting in a transparent border and backround etc.
Add an additional bootstrap button styling to the link, eg:

<p><a href="https://www.joomlacontenteditor.net/index.php/privprint" class="btn btn-primary jcepopup" data-mediabox="1">Printable page</a></p>

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.