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

4
templates/A2nt/ElementalBasics/Elements/AccordionElement.ss
View File

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

25
templates/A2nt/ElementalBasics/Elements/AccordionElement_AccordionArea.ss
View File

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

2
templates/A2nt/ElementalBasics/Elements/SliderElement.ss
View File

@ -9,7 +9,7 @@
<% if $SlideShow %>
<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">
<% loop $SlideShow %>
<div class="carousel-item carousel-item-{$SlideType}<% if no $Controls %> carousel-item-nocontrols<% end_if %><% if $First %> active<% end_if %>">