Questions tagged [bootstrap]
Bootstrap is a front-end framework from Twitter designed to kick-start development of webapps and sites.
66
questions
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 ...
- 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?
- 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 ...
- 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 ...
- 2,721
3
votes
1
answer
136
views
When joomla will get bootstrap 3?
Is there any time-line when joomla start supporting bootstrap 3?
- 2,721
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 ...
- 3,650
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.
...
- 468
3
votes
1
answer
500
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 ...
- 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 ...
- 61
3
votes
0
answers
700
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';
$...
- 291
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 ...
2
votes
1
answer
528
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 ...
- 123
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 ...
- 1,236
2
votes
1
answer
39
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=...
- 532
2
votes
1
answer
615
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,593
2
votes
1
answer
362
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 ...
user9658
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) ...
- 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::_('...
- 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 ...
- 317
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,577
2
votes
1
answer
770
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' =...
- 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-->
<...
- 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 ...
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 ...
- 61
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 ...
- 23
1
vote
1
answer
47
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 ...
- 19
1
vote
1
answer
906
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 ...
- 2,721
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 ...
- 2,076
1
vote
1
answer
391
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 ...
- 243
1
vote
1
answer
197
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 ...
- 181
1
vote
1
answer
386
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 ...
- 532
1
vote
1
answer
140
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 ...
- 121
1
vote
2
answers
326
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 ...
- 1,889
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 ...
- 61
1
vote
1
answer
326
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/...
- 123
1
vote
0
answers
656
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 ...
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 ...
- 21
1
vote
0
answers
181
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....
- 411
1
vote
1
answer
584
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 ...
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?...
- 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 ...
- 2,721
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 ...
- 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 ...
- 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 ...
- 41
0
votes
1
answer
442
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 ...
- 135
0
votes
1
answer
164
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 {
...
- 37
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 ...
- 162
0
votes
1
answer
33
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 ...
- 8,011
0
votes
1
answer
404
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.
...
