silverstripe-userforms/templates/SilverStripe/UserForms/Form/Includes/UserFormProgress.ss

20 lines
893 B
Scheme
Raw Normal View History

<% if $Steps.Count > 1 %>
<div id="userform-progress" class="userform-progress" aria-hidden="true" style="display:none;">
<p>Page <span class="current-step-number">1</span> of <span class="total-step-number">$Steps.Count</span></p>
<div class="progress">
2015-08-17 00:43:51 +02:00
<div class="progress-bar" role="progressbar" aria-valuenow="1" aria-valuemin="1" aria-valuemax="$Steps.Count"></div>
</div>
2015-08-19 05:29:14 +02:00
<nav aria-label="Pages in this form">
<ul class="step-buttons">
<% loop $Steps %>
2022-11-28 21:36:08 +01:00
<li class="step-button-wrapper<% if $IsFirst %> current<% end_if %>" data-for="$Name">
2015-08-17 00:43:51 +02:00
<%-- Remove js-align class to remove javascript positioning --%>
<button class="step-button-jump js-align" disabled="disabled" data-step="$Pos"><% if $Top.ButtonText %>$Top.ButtonText <% end_if %>$Pos</button>
2015-08-17 00:43:51 +02:00
</li>
<% end_loop %>
</ul>
</nav>
</div>
2015-08-19 05:29:14 +02:00
<h2 class="progress-title"></h2>
2015-08-06 01:01:21 +02:00
<% end_if %>