Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 4.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

01 dec 2021 15:23
#1
Ik heb een Bootstrap carousel in een artikel geplaats en daarvoor de string
Code:
\Joomla\CMS\HTML\HTMLHelper::_('bootstrap.carousel', '.selector', []);
geplaatst in het index.php bestand onder de regels use Joomla\CMS\HTML\HTMLHelper;
Alles werkt prima tot ik de code van de tabs daaronder plaats en krijg dan foutmelding op de frontpage (500 bootstrap::tabs not found. )
Wat doe ik fout ?

Bijlage niet gevonden

Bijlage niet gevonden

  • busa
  • busa's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 15

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

01 dec 2021 16:00
#2
Heb je hier iets aan?
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37119

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

01 dec 2021 16:03
#3
Ja daar heb het ook vandaan, maar ik weet zo niet als ik de code op de goede plaats in vul.
Maar ik weet zo niet hoe dat dan wel moet, trouwens bedankt voor de snelle reactie.
  • busa
  • busa's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 15

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

01 dec 2021 16:06
#4
Ik zou gewoon de plugin die daar genoemd wordt installeren en dan de instructies volgen.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37119

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

01 dec 2021 16:07
#5
Ga ik doen je hoort van mij
  • busa
  • busa's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 15

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

01 dec 2021 18:11
#6
Helaas werkt dit niet of er zit een bug in, maar het enigste wat gebeurd dat site niet plat gaat, maar de dropdown werkt terwijl ik bij tabblad Opties de Tab heb geselecteerd.

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

  • busa
  • busa's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 15

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

02 dec 2021 10:15 - 02 dec 2021 10:17
#7
Ik denk dat je dit wilt bereiken?
Code:
<nav> <div id="nav-tab" class="nav nav-tabs" role="tablist"><button type="button" id="nav-home-tab" class="nav-link active" data-bs-toggle="tab" data-bs-target="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Home</button> <button type="button" id="nav-profile-tab" class="nav-link" data-bs-toggle="tab" data-bs-target="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Profile</button> <button type="button" id="nav-contact-tab" class="nav-link" data-bs-toggle="tab" data-bs-target="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Contact</button></div> </nav> <div id="nav-tabContent" class="tab-content"> <div id="nav-home" class="tab-pane fade show active" role="tabpanel" aria-labelledby="nav-home-tab">Dit is de home tab</div> <div id="nav-profile" class="tab-pane fade" role="tabpanel" aria-labelledby="nav-profile-tab">Dit is de profiel tab</div> <div id="nav-contact" class="tab-pane fade" role="tabpanel" aria-labelledby="nav-contact-tab">Dit is de contact tab</div> </div>
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Laatst bewerkt 02 dec 2021 10:17 door Astrid.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37119

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

05 dec 2021 12:02
#8
Ja dat klopt, wat zou ik fout hebben gedaan?
  • busa
  • busa's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 15

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

06 dec 2021 14:25
#9
Er zijn twee verschillende tabs. Je hebt de verkeerde code gebruikt. Hier staat er meer over.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37119

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

06 dec 2021 14:51
#10
Ja bedankt ik ben er uit.
De deze code heb ik gebruikt
Code:
\Joomla\CMS\HTML\HTMLHelper::_('bootstrap.tab', '.dropdown', []);
Nu werkt het :) prima
  • busa
  • busa's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 15

Bootstrap Components plaatsen in Joomla 4 (carousel en tabs)

06 dec 2021 15:12
#11
Fijn dat het opgelost is. Ik zal dit draadje sluiten.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37119
Tijd voor maken pagina: 0.965 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie