Questions tagged [bootstrap]

Bootstrap is a front-end framework from Twitter designed to kick-start development of webapps and sites.

Filter by
Sorted by
Tagged with
1 vote
1 answer
26 views

How can I prevent dropdown.min.js from loading on the front end of my website?

dropdown.min.js is conflicting with the way I have my menu set up in my Joomla 4 website, but I can't disable it entirely because the back end of the website needs it. How can I keep it enabled for ...
0 votes
2 answers
242 views

Casseiopa template - Bootstrap Carousel

I am trying to display a carousel in an article using the bootstrap code. This is a new Joomla 4 install using the casseiopa template. Here is my code: <div class="d-flex justify-content-...
1 vote
1 answer
2k views

Add click event on bootstrap tab?

How to add an onClick event on Joomla bootstrap tabs. https://api.joomla.org/cms-3/classes/JHtmlBootstrap.html echo JHtml::_('bootstrap.startTabSet', 'myTab', array('active' => 'monday')); echo ...
1 vote
2 answers
1k views

Bootstrap Dropdown Navigation Toggle Not Working with native Joomla jQuery

I'm trying to implement a Bootstrap menu with a toggle dropdown on a Joomla site. Got most of it working except for the toggle isn't working...Looking at inspect tool when .dropdown element is ...
0 votes
1 answer
184 views

Button in the Joomla Toolbar should open a Modal Confirm Window

I work on a Joomla Site View for my component with content which can be unlocked via points. In this thread I fixed my controller problem already, so now I have a simple button, and if I press it, the ...
1 vote
1 answer
104 views

Menu has > symbol

My bottom menu in the footer position has a greater than symbol (>) or chevron that appears before every menu item. The menu appears at the footer of this website: https://www.brettvachon.com/ I ...
0 votes
1 answer
105 views

Other files overriding my template css with bootstrap?

I have a strange problem with one of my homepages. I changed the font-family and font-size in my Joomla Template (JM Guesthouse by Joomla Monster) and nothing happened. After some minutes playing with ...
1 vote
1 answer
912 views

Loading bootstrap radio button via AJAX

In my component I'm creating custom fields, allowing the admin to create their own field for a particular form. I am facing a problem on displaying a radio button using bootstrap btn-group class. Here ...
0 votes
0 answers
32 views

Article slideshow

I wanted to use Bootstrap 5 carousel/sildeshow on my Joomla CMS v4. I recently updated to Joomla 4 and the previous slideshow component isnt compatible so I am left with a load of articles which ...
1 vote
1 answer
244 views

Cassiopeia hamburger menu doesnt collapse

Fresh install of Joomla 4 with the Cassiopeia template and I just set the menu module layout to collapsible Dropdown. Now the hamburger menu is there for mobile and it will expand but not close? It ...
0 votes
1 answer
130 views

J4. Showing a Popover in field label

In J3, xml field attributes label and description appears (language converted) as popover when class hasPopover is included. In J4 only label is rendered but not description in a popover. Adding data-...
3 votes
1 answer
136 views

When joomla will get bootstrap 3?

Is there any time-line when joomla start supporting bootstrap 3?
1 vote
1 answer
359 views

How to stop Joomla 4 from loading collapse.min.js in my template

I built a custom Joomla 4 template and unfortunately Joomla is automatically loading collapse.min.js When I view the page source I see this in the head: <script src="/media/vendor/bootstrap/js/...
2 votes
1 answer
92 views

How to code for multiple UI frameworks?

When I am putting together various HTML elements in my extensions, how should I be planning for the possibility that the end users Users Interface framework could be Bootstrap4 or UIKit or any others ...
3 votes
0 answers
747 views

JHtml::_('bootstrap.renderModal',,,); Joomla Bootstrap List of all parameters that can be used?

First I want to thank @Lodder and @Irfan for the below code which helped out a lot. The code below will create a button that launches a native Joomla Bootstrap modal. $modalTitle = 'myModal'; $...
1 vote
0 answers
688 views

Joomla 4 alpha display modal with insert image button

I am developing a custom module in Joomla4 alpha, using a bootstrap rendered modal window so that the user of the component will assign images from media in the Joomla back end to the extension ...
0 votes
1 answer
172 views

How to override bootstrap css?

I would like to use the tooltip function of Bootstrap 3 on my website (www.fischer-club.ch). I tried to override the margin-top value in my custom.css to better place the tooltip: .tooltip.top { ...
1 vote
1 answer
390 views

Autoscroll a Bootstrap Row/Columns in Joomla Module

I am using a K2 Content module to display 'Sponsors' of an event. You can see an example here I have managed to set this up so that the columns can be scrolled manually using a mouse drag but ideally ...
0 votes
0 answers
332 views

Why can't I use a modal close button in the Joomla! modal body?

I have managed to get front end editing opening in a modal. Which is pretty useful in my opinion. However the cancel button is irrelevant in this situation. In the normal operation it cancels ...
1 vote
0 answers
185 views

How to link to external file that contains a link to the Boostrap stylesheet and another for the js files

I have several Joomla 3.9 websites now using Bootstrap 4x - currently v4.1.3. In the head of the index.php file for each website is this link: <link rel="stylesheet" href="https://stackpath....
1 vote
1 answer
49 views

if statement for components - template

i use a Solution for my Custom Bootstrap Template. Here is my idea: If a certain component open in the frontend, they add the word "-fluid" to my containter css class. but i don't know how i can ...
2 votes
1 answer
41 views

Strange Bootstrap behaviour - Correct display on one page not on another

I have the following code in a module placed in the footer of my site: <div class="container-fluid"> <div class="row"> <div class="col-md-5 col-sm-5"> <p></p> <a href=...
0 votes
1 answer
83 views

Bootstrap forms and pagination getting messed up

In my backend, all forms look like this: Instead of how they used to look:
1 vote
1 answer
589 views

Bootstrap responsive menu not working for desktop

I am having problems with bootstrap and Joomla with the collapsable nav menu. The site is at the link below: http://spiffingtestdomain.com/bpp/ I've inserted the example collapsable navbar directly ...
2 votes
1 answer
616 views

Template Modal Conflict

Joomla 3.6.5 Joomshaper Helix 3 Template link FavimageHover Module link I have the FavimageHover module installed on my site, it works great until I try and add images via the front-end. There seems ...
3 votes
4 answers
2k views

Mootools-more.js conflicting with Bootstrap Button dropdowns

I was migrating a component from Bootstrap 2 to Bootstrap 3. I noticed a weird effect after opening and closing a button dropdown => the button disappears. Upon investigating, it looks like jQuery is ...
15 votes
9 answers
19k views

How can I completely remove Bootstrap from the frontend of Joomla?

Recently, I tried to remove all instances of Bootstrap from the front end of Joomla for debugging purposes. I was using a skeleton template with a relatively new installation of Joomla 3.3. I removed ...
0 votes
1 answer
1k views

Bootstrap nav bar in joomla 3

I tried to make my excisting template ready to use with Joomla 3.7.0. Everything went easier then I expected untill I got to the part where I had to implement the menu. In the layout I was using the ...
2 votes
1 answer
771 views

Redirect to specific tab in view

I'm working on a Joomla component and need help in redirecting to specific tab. I have created multiple tabs in my view using bootstrap (eg: JHtml::_('bootstrap.startTabSet', 'myTab', array('active' =...
2 votes
1 answer
370 views

user.css file and bootstrap-rtl.css file

Joomla 3.6.5 default template (protostar), attaches the file 'bootstrap-rtl.css' before the file 'user.css'(the file that user can add their customizes styles there to be override in template.css) by ...
0 votes
1 answer
74 views

ReferenceError: openMyModalNew is not defined error in Ijoomla Guru 5 [closed]

Little time ago I install Ijoomla Guru 5 and only now I realize that tutorials not opening in modal window. I get error ReferenceError: openMyModalNew is not defined. As right now I haven't access to ...
1 vote
0 answers
256 views

How the contact form label bootstrap tooltip popup onhover message position can be modified?

I am building a website, and I would like to modify the CSS position for this floating box message that is displayed when the mouse pointer is hovered over a form field label. How can it be achieved?...
0 votes
1 answer
311 views

Convert bootstrap theme to Joomla [closed]

Apologies if this is a really silly question: I found a template (on templatemonster) that I really want to use for a Joomla site, but the template is listed as a Bootstrap theme - is it possible (or ...
1 vote
1 answer
1k views

How Templates work and load css/js files? Website building process with Purity III

Unfortunately I can't find any info on how the purity iii template really works. I have to present my website tomorrow and I may get asked "where does the content come from?" and I can not answer ...
0 votes
1 answer
35 views

How can I fix a strange formatting problem on a particular page on my Gantry website?

I have a strange issue on a Gantry 4 website where I updated the content of a page and the menu title and alias and this seems to have broken the template layout. The content is pushed to the left ...
0 votes
1 answer
54 views

Change css of a global used class in one specific menu? [duplicate]

So i want to change the css layout on the page but only in one specific menu. @media screen and (min-width: 768px) .t3-sl { padding-bottom: 60px; padding-top: 60px; } -div class="wrap t3-sl ...
-1 votes
2 answers
79 views

Where does the shadow class come from? (purity iii, pricing table1)

theres this line of code: Where does the shadow att and the other css come from? I only know the box-shadow attribute. I know i simply can delete the att, but i am interested in where it comes from. ...
2 votes
2 answers
2k views

What am I missing to make my menu a bootstrap navbar?

My idea was to get the example nav bar from bootstrap website and then exchange the content of the navbar with the joomla code to get the menu. The final product is: <!-- Begin Navbar--> <...
1 vote
1 answer
142 views

Strange issue with mobile menu with Joomla! template

I don't know if this is a real issue since I am seeing it mostly when using an emulator, but it seems to be reproducible, and I noticed it on a friend's Android device. URL is: Link To Page On some ...
0 votes
1 answer
2k views

Third level bootstrap sub-menus

I am not an expert on css or bootstrap but after a while I manage to get a bootstrap nav menu almost finished. What I am missing is the css for the third level menu items. I think this are probably ...
1 vote
2 answers
328 views

Loading module positions in bootstrap tabs doesn't work

I'm trying to use Bootstrap Tabs and I'm trying to load a moduleposition in each tab. The module positions work when not in tabs, but when in tabs the first and last tabs work, but the others only ...
0 votes
1 answer
406 views

Bootstrap Multiselect is opensource or not?

can I Use Bootstrap multiselect.css and bootstrap multiselect.js in my website i'm confuse about it. i'm not going to change the internal code
0 votes
1 answer
170 views

Blank-Bootstrap Switch active tab

I'm new to joomla just used Bootstrap alone before. So how do you change the active tab in the navbar? Without joomla I just made an own .php file for every site and made the tab manually active. ...
2 votes
1 answer
1k views

Joomla 3: display view with toolbar in modal

I'm developing an MVC component for Joomla 3.x with currently 3 views: VIEWS |-PAGES (displays all pages in a list, ordinary joomla view) |-view.html.php |-TMPL |-default.php |-PAGE (forms ...
0 votes
2 answers
349 views

Gridsystem from BS3 not working propably in Joomla!

I wrote a realy basic Joomla template. I added the bootstrapcore in the index.php with: JHtml::_('bootstrap.loadCss', true, $this->direction); I want to have 3 grids after my heading: <div ...
2 votes
1 answer
343 views

Strange behaviour with bootstrap nav in Joomla 3

I am using bootstrap's nav in the menu (using a module called mod_bootstrapnav) Now the issue is that when the menu is has subitems, I have to follow these steps to get the submenu to display: 1) ...
2 votes
0 answers
5k views

Responsive Navbar disappears on click / should stay open

I am building a Joomla and T3 Framework Template based website. Since I am having the Navbar not in it's native position (On Top), I had to come up with a work around. I am using two Menu Modules of ...
-1 votes
1 answer
122 views

Pictures/site are not showing properly in versions of IE lower than 10 with Bootstrap template

I stumbled across a strange thing. The site I develop uses the Bootstrap Framework. Recently the friend, for which I make the site, pointed out that the pictures on one of the pages are extremely ...
5 votes
1 answer
643 views

How to use JHtml::booleanlist with btn-group

In the front-end I have a code as below jimport( 'joomla.html.html.select' ); echo JHtmlSelect::booleanlist('published',null,$this->book->published,'Yes','No') What I see is as below What I ...
3 votes
1 answer
505 views

Style select button like bootstrap 2.3 instead of chosen.js

In the administrator backend of Joomla each select box is automatically styled with the Chosen.js plugin. But some buttons are styled with Bootstrap. Is there a way that I can make the Select element ...