tonyair/silverstripe-elemental-basics
1
0
Fork 0
mirror of https://github.com/a2nt/silverstripe-elemental-basics.git synced 2024-10-22 15:05:54 +00:00
Code Issues 1 Projects Releases Wiki Activity

FIX: Carousel UI controls

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/A2nt/ElementalBasics/Elements/AccordionElement.ss
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>

15
templates/A2nt/ElementalBasics/Elements/AccordionElement_AccordionArea.ss
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 id="ElementHeader{$ID}" class="accordion-header h4">
<div <div
id="ElementHeader{$ID}"
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 >$Title</div>
</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 %>

2
templates/A2nt/ElementalBasics/Elements/SliderElement.ss
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 %>">