Using the blank JA 4 bootstrap template.

I had the problem that I could use Bootstrap 5 tabs in an article. They worked correctly.

But then, when I added them to a custom module (for use on my frontpage) they did not work.

Searching I found this issue : https://www.joomlart.com/forums/d/41068-tabs-addon-not-working-on-a-page-or-in-custom-module/32

It seems that the JS file for tabs was not being loaded when I use tabs in a custom module.

I can manually include this JS file (tab.min.js) in my module. But it would be good if this was enabled when using tabs in a module.

D.

    dave_3d In that topic, guy is using tab addon in T4 Builder, could you tell me share the content of your custom HTML module and which position you added in T4 Blank template so I can check?

      I have added the HTML for the tabs to my test site online - I added the address above.

      Using the tab code listed below in module position "Section 3". At the moment it will not work. But adding this :

      <script src="/media/vendor/bootstrap/js/tab.min.js" type="module"></script>

      It will work.

      The code for tabs is:

      	<ul class="nav nav-tabs" role="tablist">
		<li class="nav-item"><a href="#nagtermine" class="nav-link active" data-bs-toggle="tab">Termine/Events</a></li>
		<li class="nav-item"><a href="#nagevents" class="nav-link" data-bs-toggle="tab">Dokumente</a></li>
	</ul>



<div class="tab-content"> <!-- Tab container -->
  
   
	<div id="nagtermine" class="tab-pane active"> <!-- First Tab info --> 
	
	 content of first tab
  
	</div>  <!-- end of first tab --> 

    <div id="nagevents" class="tab-pane fade"> <!-- second Tab info --> 
	
	 content of second tab	
	
    </div>      <!-- end of second tab -->   
		
</div>  <!-- Close Tab container -->
        4 months later
        10 days later

        Sorry for the delay in replying. Thanks.

        I will check the test page.

        D.

        Write a Reply...
        You need to Login to view replies.