T4 - Tabs in a custom module - does not load tab-min.js JS file

dave_3d

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.

saguaros

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?

dave_3d

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 -->

saguaros

dave_3d Hi

I will share with our T4 team for further checking on this.

Regards

cssyeah

Hi @dave_3d,

I have created the Tab test page on your website. It's working fine.

Kind regards,

dave_3d

Sorry for the delay in replying. Thanks.

I will check the test page.