Developing (v7+)

Assets question: Jquery UI

Permalink December 04, 2015 at 6:25 AM

Hi,

I'm building a site in 5.7. The site needs JQuery UI so I want to load the asset, so in my page_theme.php file I've added it to the registerAssets function:

public function registerAssets() {
...
$this->requireAsset('javascript', 'jquery/ui');
...
}

However, when logged out it isn't loading Jquery UI. Any ideas please? :)

Dave

MrKDilkington replied on Dec 4, 2015 at 1:14 pm Permalink Reply

Hi madesimplemedia,

I believe you need to refresh the theme by uninstalling and reinstalling it.

madesimplemedia replied on Dec 7, 2015 at 5:19 am Permalink Reply

Hi Karl

Thanks for the reply. I did try that and it didn't seem to help, but I think I'll try it again...

Cheers
Dave

madesimplemedia replied on Dec 10, 2015 at 4:21 am Permalink Reply

OK so I just activated Elemental, Removed my theme then cleared the cache.
Then I re-installed my theme and it's still not loading jqueryUI - it is loading jQuery though.

ramonleenders replied on Dec 10, 2015 at 5:33 am Permalink Reply

As a work-around, you could try to provide this asset and paste the code into your head. It shouldn't double load in any case, as you are stating you provide it yourself.

$this->providesAsset('javascript', 'jquery/ui');

madesimplemedia replied on Dec 10, 2015 at 6:52 am Permalink Reply

Thanks but now I just get
Call to undefined method Concrete\Core\Page\View\PageView::providesAsset()

ramonleenders replied on Dec 10, 2015 at 6:57 am Permalink Reply

It shouldn't call "Concrete\Core\Page\View\PageView", but "Concrete\Core\Page\Theme\Theme" instead...

Does your class PageTheme extend "\Concrete\Core\Page\Theme\Theme"?

class PageTheme extends \Concrete\Core\Page\Theme\Theme {
// your registerAssets function and all that
}

madesimplemedia replied on Dec 10, 2015 at 7:13 am Permalink Reply

Yes that's exactly what it's set to do

ramonleenders replied on Dec 10, 2015 at 7:24 am Permalink Reply

Can you copy/paste the whole page_theme.php file? And what version number are you using, perhaps this is a Concrete5 bug... but as it tries to call the wrong class, it seems it's not extending the correct class... Can anyone else take a look at this too (are the tech-y people around)?

madesimplemedia replied on Dec 10, 2015 at 7:36 am Permalink Reply

Here you go:

<?php
namespace Application\Theme\Gbliners;
class PageTheme extends \Concrete\Core\Page\Theme\Theme {
   public function registerAssets() {
        //$this->providesAsset('javascript', 'bootstrap/*');
        $this->providesAsset('css', 'bootstrap/*');
        $this->providesAsset('css', 'blocks/form');
        $this->providesAsset('css', 'blocks/social_links');
        $this->providesAsset('css', 'blocks/share_this_page');
        $this->providesAsset('css', 'blocks/feature');
        $this->providesAsset('css', 'blocks/testimonial');
        $this->providesAsset('css', 'blocks/date_navigation');
        $this->providesAsset('css', 'blocks/topic_list');
        $this->providesAsset('css', 'blocks/faq');
        $this->providesAsset('css', 'blocks/tags');

Viewing 15 lines of 84 lines. View entire code block.

 
<?php
namespace Application\Theme\Gbliners;
class PageTheme extends \Concrete\Core\Page\Theme\Theme {
 
   public function registerAssets() {
        //$this->providesAsset('javascript', 'bootstrap/*');
        $this->providesAsset('css', 'bootstrap/*');
        $this->providesAsset('css', 'blocks/form');
        $this->providesAsset('css', 'blocks/social_links');
        $this->providesAsset('css', 'blocks/share_this_page');
        $this->providesAsset('css', 'blocks/feature');
        $this->providesAsset('css', 'blocks/testimonial');
        $this->providesAsset('css', 'blocks/date_navigation');
        $this->providesAsset('css', 'blocks/topic_list');
        $this->providesAsset('css', 'blocks/faq');
        $this->providesAsset('css', 'blocks/tags');
        $this->providesAsset('css', 'core/frontend/*');
        $this->providesAsset('css', 'blocks/feature/templates/hover_description');
        $this->requireAsset('css', 'font-awesome');
        $this->requireAsset('javascript', 'jquery');
      $this->requireAsset('javascript', 'jquery/ui');
        $this->requireAsset('javascript', 'picturefill');
   }
 
    protected $pThemeGridFrameworkHandle = 'bootstrap3';
 
    public function getThemeBlockClasses()
    {
        return array(
            'feature' => array('feature-home-page'),
            'page_list' => array(
                'recent-blog-entry',
                'blog-entry-list',
                'page-list-with-buttons',
                'block-sidebar-wrapped'
            ),
            'next_previous' => array('block-sidebar-wrapped'),
            'share_this_page' => array('block-sidebar-wrapped'),
            'content' => array(
                'block-sidebar-wrapped',
                'block-sidebar-padded'
            ),
            'date_navigation' => array('block-sidebar-padded'),
            'topic_list' => array('block-sidebar-wrapped'),
            'testimonial' => array('testimonial-bio'),
            'image' => array(
                'image-right-tilt',
                'image-circle'
            )
        );
    }
 
    public function getThemeAreaClasses()
    {
        return array(
            'Page Footer' => array('area-content-accent')
        );
    }
 
    public function getThemeDefaultBlockTemplates()
    {
        /*
        return array(
            'image' => 'some_special_image_template'
        );
        */
    }
 
    public function getThemeResponsiveImageMap()
    {
        return array(
            'large' => '1170px',
            'medium' => '970px',
            'small' => '750px',
         'x_small' => '480px'
        );
    }
 
    public function getThemeEditorClasses()
    {
        return array(
            array('title' => t('Title Thin'), 'menuClass' => 'title-thin', 'spanClass' => 'title-thin'),
            array('title' => t('Title Caps Bold'), 'menuClass' => 'title-caps-bold', 'spanClass' => 'title-caps-bold'),
            array('title' => t('Title Caps'), 'menuClass' => 'title-caps', 'spanClass' => 'title-caps'),
            array('title' => t('Image Caption'), 'menuClass' => 'image-caption', 'spanClass' => 'image-caption'),
            array('title' => t('Standard Button'), 'menuClass' => '', 'spanClass' => 'btn btn-default'),
            array('title' => t('Success Button'), 'menuClass' => '', 'spanClass' => 'btn btn-success'),
            array('title' => t('Primary Button'), 'menuClass' => '', 'spanClass' => 'btn btn-primary')
        );
    }
}

It Concrete5 v 5.7.5.2

madesimplemedia replied on Dec 10, 2015 at 8:04 am Permalink Reply

I've hacked it for now:

<?php 
   global $u;
   $u = new User(); 
   if ($u->isLoggedIn()) { 
   } else {
      print "<link rel=\"stylesheet\" href=\"/concrete/css/jquery-ui.css\" type=\"text/css\" />";
      print "<script src=\"/concrete/js/jquery-ui.js\"></script>";
   }
?>

mnakalay replied on Dec 10, 2015 at 11:59 am Permalink Reply

To start with it seems all your providesAsset should really be requireAsset unless you are actually providing all those files

mnakalay replied on Dec 10, 2015 at 12:47 pm Permalink Reply

Otherwise I tried the code with requireasset and jquery ui loads normally

mnakalay replied on Dec 10, 2015 at 12:49 pm Permalink Reply

oh and the way you did it is not recommended. If somebody installs a block on that site that provides its own version of jquery ui or requires core jquery ui, there will be no awareness between the theme and the block and jquery ui will be loaded twice

Forums

Developing (v7+)

Assets question: Jquery UI

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?