FIX: Carousel UI controls

This commit is contained in:
Tony Air 2021-06-19 20:10:56 +02:00
parent 603ffaffd7
commit f4b3350361
3 changed files with 15 additions and 16 deletions

View File

@ -3,7 +3,5 @@
<% end_if %> <% end_if %>
<div class="element__content" data-listelement-count="{$Elements.Elements.Count}"> <div class="element__content" data-listelement-count="{$Elements.Elements.Count}">
<div id="ElementAccordion{$Elements.ID}" class="accordion"> $Accordion
$Accordion
</div>
</div> </div>

View File

@ -1,25 +1,26 @@
<% if $ElementFilteredControllers %> <% if $ElementFilteredControllers %>
<div id="ElementAccordion{$ID}" class="accordion">
<% loop $ElementFilteredControllers %> <% loop $ElementFilteredControllers %>
<div class="card"> <div class="accordion-item">
<div <div id="ElementHeader{$ID}" class="accordion-header h4">
id="ElementHeader{$ID}" <div
class="card-header accordion-header a h4" data-bs-toggle="collapse"
data-bs-toggle="collapse" data-bs-target="#ElementContent{$ID}"
data-bs-target="#ElementContent{$ID}" aria-expanded="false"
aria-expanded="false" aria-controls="ElementContent{$ID}"
aria-controls="ElementContent{$ID}" class="accordion-button"
> >$Title</div>
$Title
</div> </div>
<div <div
id="ElementContent{$ID}" id="ElementContent{$ID}"
class="accordion-content collapse" class="accordion-collapse collapse"
aria-labelledby="ElementHeader{$ID}" aria-labelledby="ElementHeader{$ID}"
data-bs-parent="#ElementAccordion{$Parent.ID}" data-bs-parent="#ElementAccordion{$Parent.ID}"
> >
$Me <div class="accordion-body">$Me</div>
</div> </div>
</div> </div>
<% end_loop %> <% end_loop %>
</div>
<% end_if %> <% end_if %>

View File

@ -9,7 +9,7 @@
<% if $SlideShow %> <% if $SlideShow %>
<div class="element__content"> <div class="element__content">
<div id="Carousel{$ID}" class="element__carousel carousel slide js-carousel"<% if $SlideShow.count > 1 %><% if $Interval %> data-interval="$Interval"<% end_if %> data-indicators="true" data-arrows="true"<% end_if %>> <div id="Carousel{$ID}" class="element__carousel carousel slide js-carousel"<% if $SlideShow.count > 1 %><% if $Interval %> data-bs-interval="$Interval"<% end_if %> data-bs-indicators="true" data-bs-arrows="true"<% end_if %>>
<div class="carousel-inner"> <div class="carousel-inner">
<% loop $SlideShow %> <% loop $SlideShow %>
<div class="carousel-item carousel-item-{$SlideType}<% if no $Controls %> carousel-item-nocontrols<% end_if %><% if $First %> active<% end_if %>"> <div class="carousel-item carousel-item-{$SlideType}<% if no $Controls %> carousel-item-nocontrols<% end_if %><% if $First %> active<% end_if %>">