Cannot Get Toolbar to Show

Permalink
I'm trying to move my sites over to Concrete 5, quite a new guy to the CMS. I cannot seem to get the admin toolbar to show, as in I click the button but the javascript animation does not show, therefore I cannot add content.

http://furiousfives.co.uk/conc/...

Any ideas?

View Replies:
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi hk21x,

Are you using pre-made themes or themes you made yourself?
hk21x replied on at Permalink Reply
Theme I'm making myself.
MrKDilkington replied on at Permalink Reply
MrKDilkington
Does your theme include:

<?php Loader::element('header_required'); ?>
- placed in the <head> tag

<?php Loader::element('footer_required')?>
- placed before the closing <body> tag

What version of concrete5 are you using?
hk21x replied on at Permalink Reply
It does yes, as seen here:http://furiousfives.co.uk/conc/...

And the latest one on Solicitous 5.7.x I believe?
MrKDilkington replied on at Permalink Reply
MrKDilkington
Are you registering your JavaScript and CSS assets in page_theme.php? This is particularly helpful in preventing JavaScript files from being loaded twice (which frequently causes problems).

http://www.concrete5.org/documentation/developers/5.7/designing-for...

You have a link to jQuery in your theme. It might be loading twice, try removing it and see if that fixes the problem.
<script src="/conc/application/themes/testtheme/js/jquery.min.js" type="text/javascript"></script>
hk21x replied on at Permalink Reply
No luck with removing the JQuery line, and have not done the page_theme part yet. Is that what's causing the issue?
MrKDilkington replied on at Permalink Reply
MrKDilkington
I would read through the link I posted and make a page_theme.php.

Concrete5 UI problems can commonly be a JavaScript or CSS issue in the theme.
- double loading of JavaScript files
- CSS that overrides/conflicts with concrete5's CSS
fatcatsanonymous replied on at Permalink Reply
Hi,
I am loading Bootstrap in my page_theme.php as suggested:
$this->requireAsset('javascript', 'bootstrap/');
and have removed the bootstrap.min I had included in the footer.

However, removing the bootstrap.min JS from the footer, breaks an .affix call for the navigtion I am using in another JS file included in the footer. It seems to need the bootstrap.min file there - am I missing something?
Thanks,
Una
MrKDilkington replied on at Permalink Reply
MrKDilkington
@fatcatsanonymous

You have a few issues.

The first issue is that I don't believe there is a Bootstrap JavaScript asset group.

This is a list of the Bootstrap assets that can be required individually:
https://www.concrete5.org/documentation/developers/5.7/appendix/asse...
"bootstrap/dropdown
bootstrap/tooltip
bootstrap/popover
bootstrap/alert
bootstrap/button
bootstrap/transition"

The second issue is Affix isn't part of that list and needs to be provided by your theme.

I would add the bootstrap.min.js file back into your theme and provide it in your page_theme.php.
$this->providesAsset('javascript', 'bootstrap/*');
fatcatsanonymous replied on at Permalink Reply
Hi MrKDilkington,

the issue I was having was when I did not include the file, the affix script didn't work (for asset reasons you mention above - thank you for that!) but when I did include it, the C5 interface had issues.
As you suggested I added the bootstrap.min back to the footer and still had these issues, so I replaced my bootstrap.min with a new version and this worked! There were no errors - maybe there was a version conflict or something... Thanks for your help! Una
goodnightfirefly replied on at Permalink Reply
goodnightfirefly
Load jquery.min.js before bootstrap.js

You currently have

<!-- JS --> 
<script src="/conc/application/themes/testtheme/js/bootstrap.js"  type="text/javascript"></script>
<script src="/conc/application/themes/testtheme/js/jquery.min.js" type="text/javascript"></script>