Questions tagged [bootstrap]
Bootstrap is a front-end framework from Twitter designed to kick-start development of webapps and sites.
66
questions
0
votes
2
answers
145
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-...
- 181
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 ...
- 181
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
0
votes
1
answer
114
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-...
- 103
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
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
0
votes
1
answer
166
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 ...
- 23
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
0
votes
1
answer
95
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
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
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
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
0
votes
0
answers
320
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,889
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
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
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
0
votes
1
answer
82
views
Bootstrap forms and pagination getting messed up
In my backend, all forms look like this:
Instead of how they used to look:
- 53
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 ...
- 3
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 ...
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
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
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
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
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 ...
- 23
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
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 ...
- 23
-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. ...
- 23
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 ...
- 103
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
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
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
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.
...
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
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
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
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
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
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
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
0
votes
1
answer
369
views
Component views compatible with Bootstrap 3 in Joomla 3.x
I'm developing a component for the front end (Joomla 3.x version).
I have used Bootstrap 3 for all the component views. I know Joomla is using bootstrap 2, so I unset the bootstrap 2 css & js ...
- 135
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 ...
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
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
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
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
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