Bootstrap JavaScript Conflicts With Dashboard

Using Concrete / Help
1

I use the following at the bottom of my footer:

<script src="<?=$view->getThemePath()?>/js/popper.min.js"></script>
<script src="<?=$view->getThemePath()?>/js/bootstrap.min.js"></script>

But I noticed when I’m in edit mode the side panel dropdowns don’t work (so I can’t select containers for example) unless I remove the bootstrap.min.js line. Well, I need it on the frontend so I’m not sure what to do.

2

I figured it out, I needed to add this to page_theme.php (and I removed bootstrap from my footer):

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

I also had to add jQuery as well because my comment sections weren’t loading when I was logged out. Are there more blocks that require jQuery?

1 Like