how to solve filemanager and bootstrap tabs conflict

This is a community-contributed tutorial. This tutorial is over a year old and may not apply to your version of Concrete CMS.
Apr 18, 2016


When using the Filemanager within one of your tabs, it can occur that the filemanager popup menu won't close or will still be triggered on another tab. This can happens because bootstrap prevents further event handling when you change tabs, and also because the filemanager menu has a very high z-index and is also a direct child from body.


Add this bit of javascript to your form:

    $(document).ready(function () {
        $('#ccm-block-form .nav-tabs a').on('click' ,function() {

It will be triggered when one clicks on another tab and then triggers a 'click' event on the form. The filemanager will close any open menu and won't respond to clicks on another tab anymore.

Recent Tutorials
Using the Concrete Migration Tool Addon
Apr 27, 2023

How to use the Concrete CMS Migration Tool

How To Add Page Last Updated To Your Concrete CMS Pages
Mar 7, 2023

Concrete CMS has a page attribute you can add to a global area called "Page Date Modified." Here's how to add it

How To Exclude Subpages from Navigation
Dec 24, 2022

How to exclude subpages from navigation - useful for a news or blog link in your main navigation where you don't want all the subpages to appear in a drop down menu.

How Can I Change The Maximum Size Of Uploaded files
Dec 13, 2022

This tutorial explains how to update your php settings.

Updating Concrete Themes from Version 8 to Version 9
Nov 24, 2022

This tutorial covers commonly encountered issues when upgrading a Concrete CMS theme from version 8 to version 9

Transferring ownership of an add-on and a theme
Nov 15, 2022
By katzueno.

If you encounter a Concrete CMS add-on or theme that you love but not being maintained, you may want to ask the author to help or take over the add-on or theme. Here is the quick step-by-step guide of how to transfer the ownership.

Was this information useful?
Thank you for your feedback.