tonyair
/
silverstripe-userforms
mirror of https://github.com/silverstripe/silverstripe-userforms.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

allow js positioning to be removed

This commit is contained in:
scott1702 2015-08-13 11:13:13 +12:00
parent 44197cb852
commit 2bd70c3805
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.$el = element instanceof jQuery ? element : $(element);
this.$buttons = this.$el.find('.step-button-jump'); this.$buttons = this.$el.find('.step-button-jump');
this.$jsAlign = this.$el.find('.js-align');
// Update the progress bar when 'step' buttons are clicked. // Update the progress bar when 'step' buttons are clicked.
this.$buttons.each(function (i, stepButton) { this.$buttons.each(function (i, stepButton) {
@ -337,9 +338,9 @@ jQuery(function ($) {
}); });
// Spaces out the steps below progress bar evenly // Spaces out the steps below progress bar evenly
this.$buttons.each(function (index, button) { this.$jsAlign.each(function (index, button) {
var $button = $(button), var $button = $(button),
leftPercent = (100 / (self.$buttons.length - 1) * index + '%'), leftPercent = (100 / (self.$jsAlign.length - 1) * index + '%'),
buttonOffset = -1 * ($button.innerWidth() / 2); buttonOffset = -1 * ($button.innerWidth() / 2);
$button.css({left: leftPercent, marginLeft: buttonOffset}); $button.css({left: leftPercent, marginLeft: buttonOffset});

2
templates/Includes/UserFormProgress.ss
View File

@ -10,7 +10,7 @@
<ul class="step-buttons"> <ul class="step-buttons">
<% loop $NumberOfSteps %> <% loop $NumberOfSteps %>
<li class="step-button-wrapper<% if $Pos == '1' %> current<% end_if %>"> <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> </li>
<% end_loop %> <% end_loop %>
<ul> <ul>