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
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 ...
TryHarder's user avatar
  • 2,340
6 votes
1 answer
225 views

Bootstrap Tour on Joomla

How would you go about putting one of these: http://bootstraptour.com/ on you Joomla 3 site? Should I make a module? Modify my template? How would you do it?
nico's user avatar
  • 155
5 votes
2 answers
2k views

How can I add support for styles BTN-GROUP and BTN-GROUP-YESNO as found in Protostar?

While we're developing our component using Protostar, we have found that the btn-group and btn-group-yesno classes are not "native" per se, in that they're not necessarily supported in other ...
GDP's user avatar
  • 7,715
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 ...
Malaiselvan's user avatar
  • 2,731
3 votes
1 answer
136 views

When joomla will get bootstrap 3?

Is there any time-line when joomla start supporting bootstrap 3?
Malaiselvan's user avatar
  • 2,731
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 ...
Valentin Despa's user avatar
3 votes
1 answer
353 views

How to add the joomla style tootltip error message to a form

I know, that joomla 3.x uses bootstrap, both css and js. When I am filling in the registration form and my password is too short for example, I start getting those javascript tooltip error messages. ...
Eva Farkasne's user avatar
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 ...
lanoxx's user avatar
  • 345
3 votes
2 answers
362 views

Accordion Menu Bilingual - one works the other has issues

I am using the "Bootstrap Accordion Menu" Plugin. I have 4 Modules implemented because i am using 2 languages and have different positions for the mobile version. On the German version the menu ...
Dieter05's user avatar
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'; $...
purple11111's user avatar
2 votes
2 answers
149 views

How to start both joomla 2.x & 3.x responsive theme development? Start with any Framework, or just from scratch?

I'm new to joomla theme development. I've heard of Joomla Theme Development with Bootstrap, but I don't know the details of that, unfortunately... Can Bootstrap help me develop a robust responsive ...
Ehsanz Prof01's user avatar
2 votes
1 answer
532 views

How can I prevent Joomla from loading template.css when opening a page in a modal

I am using the Membership Pro plugin on a page, and there is a link to a terms and conditions page that comes from the plugin. I am opening this link in a bootstrap modal which is working great. The ...
Metropolis's user avatar
2 votes
1 answer
1k views

Stop Joomla! 3.4.1 from including scripts in custom component pages [duplicate]

I'm trying to prevent Joomla! 3.4.1 from loading certain default scripts in the front-end template when a custom component is displayed. I am excluding the scripts in the template index.php file as ...
Zachary Draper's user avatar
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=...
Dtorr1981's user avatar
  • 532
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 ...
jonboy's user avatar
  • 3,603
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 ...
user avatar
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) ...
Jacques's user avatar
  • 153
2 votes
2 answers
2k views

Right way to make a modal form

I want to create a modal form, but I don't know what the right way is. So far, I have this: <a href="#mod_f_a" role="button" class="btn" data-toggle="modal"><?php echo JText::_('...
mattosmat's user avatar
  • 317
2 votes
1 answer
1k views

How to make a single-page template?

I want to make a single-page template from scratch, but I don't really know where to start. I'm using Joomla 3.x, so my approach should be bootstrap compatible. I guess that since the menu buttons ...
mattosmat's user avatar
  • 317
2 votes
1 answer
93 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 ...
Irata's user avatar
  • 3,822
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' =...
Kiran's user avatar
  • 21
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--> <...
Juan's user avatar
  • 21
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 ...
BracketBulldog's user avatar
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 ...
Dieter05's user avatar
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 ...
Matthias94's user avatar
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 ...
Danny's user avatar
  • 19
1 vote
1 answer
913 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 ...
Malaiselvan's user avatar
  • 2,731
1 vote
1 answer
261 views

Set column width based on number of modules in position

I have 4 module positions, which based on the number of modules I'd like to resize the column width. I've written the following, but it's only setting them all to col-md-12. Any ideas where I'm going ...
RustyJoomla's user avatar
  • 2,078
1 vote
1 answer
395 views

Bootstrap Nav Module Multi Levels

I'm using this extention to make my bootstrap menu. It works fine but I can't figure out why my menu doesn't support more than 2 levels (3 atleast). If I add a 3rd level to my submenu, it appears as ...
azhpo's user avatar
  • 243
1 vote
1 answer
246 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 ...
j00m's user avatar
  • 191
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 ...
Dtorr1981's user avatar
  • 532
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 ...
SScotti's user avatar
  • 121
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 ...
Eoin's user avatar
  • 1,909
1 vote
1 answer
3k views

What I do for Glyphicons appear in Joomla! 3.3

I'm a Joomla beginner, and I'm creating a personal website using Bootstrap 3 and Joomla! 3.3. I saw something about Glyphicons not work with the custom B3. [I used the Customizer] My template has the ...
prleoassis's user avatar
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 ...
Kris Hunt's user avatar
  • 156
1 vote
1 answer
364 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/...
Bold's user avatar
  • 123
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 ...
Kian William Nowrouzian's user avatar
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 ...
brettv's user avatar
  • 21
1 vote
0 answers
186 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....
Gillian's user avatar
  • 411
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 ...
RichardChalkley's user avatar
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?...
jgc412's user avatar
  • 69
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 ...
Malaiselvan's user avatar
  • 2,731
1 vote
0 answers
256 views

Edit Module Bootstrap size to match bootstrap 3 [closed]

Is it possible to customize / add new options to the back office module advanced tab? We already have "bootstrap size" option, but since now I'm using Bootstrap 3 I want to use 2 more extra fields ...
miguelmpn's user avatar
  • 303
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 ...
frshjb373's user avatar
  • 123
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 ...
Timo Giese's user avatar
0 votes
1 answer
443 views

Responsive list view using bootstrap 2 in joomla 3

Here I'm facing the problem with responsive display of my component List view in Joomla 3.0.If I see the list view in my mobile,the columns crossing the limit of Joomla page(Image Attached).Is there ...
ram's user avatar
  • 135
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 { ...
Yves Parrat's user avatar
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 ...
Murad's user avatar
  • 162
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 ...
Neil Robertson's user avatar
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
Sumer Raj Chouhan's user avatar