Skip to main content

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
27 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
0 votes
2 answers
309 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-...
j00m's user avatar
  • 191
1 vote
1 answer
271 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
0 votes
1 answer
135 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-...
Peli's user avatar
  • 103
1 vote
1 answer
379 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
2 votes
1 answer
96 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,927
0 votes
1 answer
194 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 ...
Lord Razen's user avatar
3 votes
0 answers
766 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
0 votes
1 answer
109 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 ...
MatthiasDunkel's user avatar
1 vote
0 answers
703 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
107 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
0 votes
1 answer
174 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
1 vote
1 answer
391 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
0 votes
0 answers
341 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 ...
Eoin's user avatar
  • 1,909
1 vote
0 answers
188 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
51 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
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
0 votes
1 answer
84 views

Bootstrap forms and pagination getting messed up

In my backend, all forms look like this: Instead of how they used to look:
Jay Shri's user avatar
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 ...
R4LPH's user avatar
  • 3
1 vote
1 answer
591 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
2 votes
1 answer
617 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
776 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
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
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
0 votes
1 answer
312 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 ...
Rob Sealey'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
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
56 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 ...
Matthias94's user avatar
-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. ...
Matthias94's user avatar
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 ...
Juan's user avatar
  • 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 ...
frshjb373's user avatar
  • 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--> <...
Juan's user avatar
  • 21
1 vote
1 answer
143 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
0 votes
1 answer
409 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
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. ...
fritz müller's user avatar
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
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
3 votes
1 answer
506 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
5 votes
1 answer
644 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
1 vote
2 answers
331 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
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
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
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 ...
ram's user avatar
  • 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 ...
Ehsanz Prof01's user avatar
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
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
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
1 vote
1 answer
914 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
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