Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
15

Does this happen with all Joomla 3.3 installations or is just mine? In version: 3.2-3.7 (I tested). Is there a way I can disable bootstrap from loading? Yes, there is. Just remove it before building the header, using event onBeforeCompileHead (More info in the docs.). In view of the possibility of attaching the library at any time by various ...


15

An alternate hack that I always like to throw out, since it doesn't involve editing core files is to override the css file with a blank css file in your template. This will still lead to a call to your server to load the resource, but you won't have to have any bootstrap styling. Just add an empty file here: templates/YOUR_TEMPLATE/css/jui/bootstrap.min.css ...


7

Just an idea (not tested), but how about building a small plugin that unsets Bootstrap? Something like this: public function onAfterRender() { //get the array containing all the script declarations $document = JFactory::getDocument(); $headData = $document->getHeadData(); $scripts = $headData['scripts']; //remove script ...


5

Migrating from Bootstrap 2.x to 3.x will take a very long time. I think it's being considered, but doubt very much this will be in Joomla 4.x, therefore I assume it will be introduced in Joomla 5.x. Update: Just asked one of the PLT members and Bootstrap 3 won't be used. Bootstrap 4 is currently in alpha so by the time Joomla 4 is released, Bootstrap 4 ...


5

This is the only workaround I've found so far (opened for review): // MooTools window.addEvent('domready',function() { Element.prototype.hide = function() { alert('Intercepted'); // Do nothing }; });


4

This is something that has bugged me since the beginning of Joomla 3.x and still to this day, nothing has been done to give the user the option to prevent the bootstrap files from being loaded. Unfortunately, Bootstrap gets loaded from the core of Joomla and this is due to some core features that require it to work, thus removing it completely will prevent ...


4

Modals aree usually loaded using the URL parameter template=component. That means that instead of the regular templates/your_template/index.php Joomla will use templates/your_template/component.php. This component.php file is supposed to only load the component output without any module positions. Joomla will also only load the CSS files defined there.


4

If you are not looking at creating your own plugin, a simple solution would be to try: Unset in Template //JS unset($doc->_scripts[$this->baseurl.'/media/jui/js/bootstrap.min.js']); // CSS unset($doc->_stylesheets[$this->baseurl.'/media/jui/js/bootstrap.css']); However - some extensions still insert the js or css even if you remove it. The ...


3

Right, you're new to development, so the first thing you should know is, Joomla 2.5 reached the end of life and is no longer officially supported. Whether extension/theme developers wish to carry in supporting this version of Joomla is up to them, but I highly recommend you don't start to support it for a new project. Also, Bootstrap was not used in Joomla ...


3

It is generally a component that overrides the template files as you discovered. I personally build my sites of Zurb Foundation 5 - so I'm always removing bootstrap. So I would look at: Overriding the component and the code it generates - however this is usually a core file that will be overwritten when you upgrade the component Custom plugin - see ...


3

The btn-group-yesno class from what I've seem simply has very minor styling differences. If you're looking for the same logic (left green and red right), but not dimensions as the btn-group-yesno button group, then what you can do is use integers for your option values. For example: <field name="test" type="radio" default="1" class="btn-group"> ...


3

Not sure that this is the best-practice answer, but here's the simple change I made to have btn-group/btn-groupyesno supported in a Rockettheme template, though apparently has no effect with the Beez template: From protostar\js\template.js, I copied/pasted the below code into the javascript that is being loaded for all my forms. No CSS change was apparently ...


3

There are two ways: Unset the included files from within your template, and then create an override to prevent any module or component you may be using from including them again (not as much work as it sounds). Use any one of the numerous system plugins that can do this. Personally, I'd recommend this one https://github.com/phproberto/plg_sys_mootable as ...


3

I've got it!!! You have to include: JHtml::_('behavior.framework'); and the javascript is something like this: jQuery("#user_name").attr('title','Kérem előbb válassza ki a hatályba lépés dátumát!'); jQuery("#user_name").tooltip('show'); Make sure that these two line are in the done method of your jquery ajax call. Then you have to destroy it: jQuery("#...


3

The syntax in the code above is for Bootstrap 3, but Joomla uses Bootstrap 2. BS 2 uses span4 instad of col-sm-4 Read Here


2

To get Bootstrap working on older browsers such as IE8, we must import a script called respond.js. I think the reason why your images aren't displaying as they should is because they aren't sitting within the grid due to the fact that respond.js isn't being imported. If you look at the inspector, it's trying to be called from here: /nikie/templates/...


2

Joomla does not load bootstrap CSS automatically, but it does load the JS. If your template uses the standard method to load the Joomla head: <jdoc:include type="head" /> It will load mootools, jquery, and bootstrap files in this order: <script src="/media/system/js/mootools-core.js" type="text/javascript"></script> <script src="/...


2

If you are loading your form in Joomla administrator (using Isis), use the below code <fieldset id="jform_field_19" class="radio btn-group btn-group-yesno"> Otherwise you need to add custom css code such as below. .radio.btn-group input[type=radio] { display: none; } .radio.btn-group > label:first-of-type { margin-left: 0; -webkit-...


2

You are on the right track. Menu items Create all menu items as System Links > External URL and set link as #section-[MODULE_ID_HERE]. For example your menu links should look like this <a href="#section-[MODULE_ID_HERE]">First section</a> Modules I would create new chrome for modules, so they would all have unique ID attribute. For ...


2

These if statements wont work. Imagine if there is module in positions bottom-b and bottom-c. Even if you would reverse if statements, none of those wont match. To achieve what you want, if statements would be too complicated. Rather do it like this: <?php // Default width - for one column // This gets new value, if there is more than one active ...


2

This would be a comment but don't have enough reputation. Seems like your english links are missing event listeners for "div.accordion-heading" (default.js line 12) and a click event from default.js (line 27) if you check them out with firebug "Events". And if this is only in the english side, I would check to see if you have and english "default" menu or ...


2

Bootstrap v2.3.2 menu, based on navbar, does not support more than 2 levels: http://getbootstrap.com/2.3.2/components.html#navbar


2

Bootstrap 2 doesn't have built-in responsive table support, but you can try this workaround below. Try to wrap your table with a div and give overflow-x to the wrapper HTML code <div class="table-wrapper"> <table id="box-table-a" > <thead> <tr> <th scope="col"></th> <th scope="col"></...


2

If you're already familiar with bootstrap before then the default joomla template protostar is the best place for you to start. It's very easy to follow the protostar code, and will give you basic idea on how the joomla template framework works. I'm myself not an anti-external-template-framework, but in my opinion, the native joomla template framework is ...


2

It would be better to just load a JFormFieldRadio it will take care of required scripts. JFormHelper::loadFieldClass('radio'); $field = new JFormFieldRadio(); $field->setup(new SimpleXMLElement('<field name="published" type="radio" size="1" default="0" class="btn-group btn-group-yesno"><option value="0">JNO</option><option value="1"&...


2

Solution Found: The unwanted behavior is caused by Joomla's frontend editing capability. When logged in as an administrator it injects code into modules to allow frontend editing. This causes unexpected behaviour. Since the menu in question is a module, (and a third-party one at that) the only solution in this case is to disable frontend editing in ...


2

I can't tell you exactly what file this comes from, since the Purity iii demo seems to compress and combine the CSS files, but the shadow class has the following CSS: @media (min-width: 768px) { .pricing-table .col.shadow { box-shadow: 0 0 0 5px rgba(0,0,0,0.2); } } It's not recommended to edit the existing CSS files (Template files, Bootstrap, ...


2

Your question consists of two questions, which both are too broad to be explained in details here, plus it seems there is a big gap of knowledge you have to cover. 1. What does happen if i call the site? In the index.php file is php code but i can't find the spot where the rest of the website gets "called" or something. Answer: This question is not ...


2

It probably makes most sense for ProtoStar to load user.css last but there are a few ways to work around stylesheet load order issues without hacking the core. 1. jQuery Easy jQuery Easy can be used to remove the stylesheets and then add them back in the desired order. 2. Specificity Make custom CSS changes specific enough so that they override the other ...


2

Well the only solution / workaround I have found so far is to assign a different template when editing modules via the front end. Thanks to Regular Labs Advanced Template Manager I was able to use the default Joomla Protostar template for front end module editing only. This is achieved by assigning the template as default whenever a particular URL is ...


Only top voted, non community-wiki answers of a minimum length are eligible