WARNING: concrete5 5.6 and earlier are end-of-life. Sales from the marketplace have now ended. Click here to learn more about this transition.

Do you have a requirement for specialised functionality built on Concrete CMS?
I work at an hourly rate or can offer a fixed price against a well defined requirement.

Notifications of private messages and support requests can be unreliable. If I have not responded within 24 hours, please email directly - contact details at c5magic.co.uk.

Load jQuery.UI (c5.6)

Simply makes sure jQuery UI is loaded in the page header. By default, Concrete5 only loads jQuery UI when editing a page. If you need it in the page view, you have to load it.

For those developing blocks, this is not an issue, you can just load it in the block controller.

For those just wanting to put a short bit of script in an html block, or a new view for another block, sometimes it is convenient to have jQuery UI loaded without having to get involved with block controllers.

That is all this package does, make sure jQuery UI is loaded with the accompanying Concrete5 themed ui.css. If you want to load a different jQuery Ui theme, then you have to get your hands dirty and edit the block or package controller.

Nothing is shown on viewing the page.

Provides 2 optional ways to make jQueryUI load. Use either, but there is no need to use both:

  1. Just add the 'Load jQuery UI' block to a page. This is quick and dirty, but gets the job done and shows an obvious marker when the page is edited.
  2. Add and set the custom attribute 'Load jQuery UI' in the page's properties. This is cleaner, but not so obvious when the page is next edited.

Under the hood it does:

$this->addHeaderItem($html->javascript("jquery.js"));
$this->addHeaderItem($html->css("jquery.ui.css"));
$this->addHeaderItem($html->javascript("jquery.ui.js"));

v1.3

From C5.5.1, jQuery.ui dialog has been integrated into the core through skinning in ccm.app. To use jQuery.ui dialog, v1.3 of Load.UI provides an alternate block and attribute to load all of the above and also including the additional files:

$this->addHeaderItem($html->css("ccm.app.css"));
$this->addFooterItem($html->javascript("ccm.app.js"));

This version of the block and attribute are only needed for dialogs.

Makes jQuery UI simple to add to a page. But you still need to know how to make use of it!!

Have you considered jQuickie?

See more addons by JohntheFish

Add to Cart

Sales have ended due to EOL

Approved by PRB

Our 30 Day Support Policy

  • Replies to tickets every few days.

Support Hosted

  • On marketplace.concretecms.com

Also Check Out