Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Placing the progress bar above the navigation buttons

By default, the navigation buttons appear above the progress bar.

I have been asked by a client to place the progress bar above the navigation buttons.

Is this possible? If so, how do I best approach the issue?
asked Apr 4, 2016 by Paul Moon Platinum (98,670 points)

2 Answers

+1 vote
Just to complement Saurabh's answer:

Any time you want to relocate an element on a page, the jQuery functions 'insertBefore' and 'insertAfter' can be of great use.  For example, putting the progress bar above the navigation arrows only requires this one line of code:

<script type="text/javascript">
$(document).ready(function(){
    $('.progress_bar').insertBefore('.submit_div');
})
</script>
answered Apr 4, 2016 by Zachary Platinum Sawtooth Software, Inc. (205,875 points)
Good Use of Jquery
Thanks Zachary for the tip. Nice solution.

Thanks again Saurabh.

Well done gents.
0 votes
Hey Paul,

You can try this:

Turn off progress bar from survey setting and place [% ProgressBar() %] in individual question footer.

Regards,
Saurabh
answered Apr 4, 2016 by Saurabh Aggarwal Gold (34,795 points)
Thanks Saurabh. I forgot all about that function. Thanks for pointing me in the right direction.
...