Thread

Hi,

Yesterday I created an accessory for the control panel.

This is my first add-on and I’m calling this one “Fanceebox”

Fanceebox is very basic, all it does is add fancybox to the control panel so you can call it from your custom fields’ labels.

Read this article for a bit more context on adding html to your field labels.

For my client I added a screen shot and a link to an external wiki which included instructions for the client on how to embed an issuu.com pdf. They can now do the whole embed process without leaving their site.

In the future maybe there could be some settings added so the fancybox options can be set, turned off/on etc…directly from the add-on’s settings. Though, that is above my skills at the moment.

Thanks

Contact info: just use my username @gmail.com

GitHub Download
Devot://ee

I want to try and use this in combination with NDG Flexible Admin, so i can launch iframes off the main CP menu. 

Fancybox says you can create iframe links using

<a href="http://www.example.com?iframe">This goes to iframe</a>

But this doesn’t seem to be working, any ideas?

Edit: I have added this in to fanceebox

Hi,

You would think that would just work. I am not an expert with jquery so rather then trying to figure out why it’s not working I came up with a quick solution.

You can try adding this code inside the $(document).ready(function() { tag in the jquery.fanceebox.js file which is located in the javascript folder of the addon:

$('a[href$="?iframe"]').fancybox({
    'transitionIn'    :    'elastic',
    'transitionOut'    :    'elastic',
    'speedIn'        :    600, 
    'speedOut'        :    200, 
    'overlayShow'    :    false,
    'width'         :    '75%',
    'height'         :    '75%',
    'autoScale'     :    false,
    'type'             :    'iframe'
});

You should see some others that look similar there as well. You can adjust the settings as you like too per the fancybox docs as I mentioned before.

Let me know if that works for you.

Good idea by the way. Another area where this can work nicely for clients. Good thing I had NDG Flexible Admin to test with 😊

awesome, thanks for the help 😊

I’m actually using this to load in admin accessible EE templates into the CP in order to administer a few simple membership tasks using Solspace User.

It’s not ideal since it breaks the look and feel of the CP a bit, but it quick and effective solution.

For those looking to add other types of lightboxes check out cp-css-js which will allow you to add any js or css not just fancybox.