Best means of adding javascript to specific CMS layouts in admin?

Gumster · October 2013

For modules I can create JQX Controllers which can help with whatever inputs are in that module. But if I create a custom layout for regular CMS pages, what mechanism can I use to place scripts into such pages, so I can manipulate the custom fields? I noticed there is the js key for fields (as here), which is great for short scripts, and I suppose that could be used to inject js scripts from elsewhere into the page - but am I missing something more obvious?

admin · October 2013

There are a couple ways.

The first would be to create a custom field type to handle it:
http://docs.getfuelcms.com/general/forms#association_parameters
I've found this method good for reusable form elements.

For more one off elements, I use the "js" parameter on a field like you suggested. The value can be a string value to the name of a javascript file, or maybe easier for shorter scripts, you can just use the "script" tag as the value and then use simple jQuery like so:

...'js' => '<script>$(function(){
... your custom code here
})</script>', ...

I tend to use this method a lot since I don't like creating separate javascript files to manage form element stuff for one of elements.

Gumster · October 2013

I used that method and at first I tried jQuery's getScript(), but that proved highly temperamental, so I used native js appendChild to add scripts instead and that worked flawlessly.

I noticed also that there is $config['fuel_javascript'] in Fuel.php / My_Fuel too for more widespread stuff.

admin · October 2013

fuel_javascript is used for scripts on every page, whereas the custom_fields are only loaded when editing records.

Howdy, Stranger!

Categories

Best means of adding javascript to specific CMS layouts in admin?

Comments