tonyair/silverstripe-userforms
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-userforms.git synced 2024-06-28 15:39:22 +02:00
Code Issues Projects Releases Wiki Activity

Merge pull request #23 from scott1702/userform-progress

Browse Source 
allow js positioning to be removed
This commit is contained in:
Damian Mooyman 2015-08-13 11:40:51 +12:00
commit 6ec9f20dc6
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
javascript/UserForm.js
View File

@ -322,6 +322,7 @@ jQuery(function ($) {
this.$el = element instanceof jQuery ? element : $(element);
this.$buttons = this.$el.find('.step-button-jump');
this.$jsAlign = this.$el.find('.js-align');
// Update the progress bar when 'step' buttons are clicked.
this.$buttons.each(function (i, stepButton) {
@ -337,9 +338,9 @@ jQuery(function ($) {
});
// Spaces out the steps below progress bar evenly
this.$buttons.each(function (index, button) {
this.$jsAlign.each(function (index, button) {
var $button = $(button),
leftPercent = (100 / (self.$buttons.length - 1) * index + '%'),
leftPercent = (100 / (self.$jsAlign.length - 1) * index + '%'),
buttonOffset = -1 * ($button.innerWidth() / 2);
$button.css({left: leftPercent, marginLeft: buttonOffset});

2
templates/Includes/UserFormProgress.ss
View File

@ -10,7 +10,7 @@
<ul class="step-buttons">
<% loop $NumberOfSteps %>
<li class="step-button-wrapper<% if $Pos == '1' %> current<% end_if %>">
<button class="step-button-jump" disabled="disabled">$Pos</button>
<button class="step-button-jump js-align" disabled="disabled">$Pos</button><!-- Remove js-align class to remove javascript positioning -->
</li>
<% end_loop %>
<ul>