Right to left steps

[alnasiriku]

Hello Guys

I'm using this script below to create my form. However, i'm in need to switch the whole steps process from (left to right) to (Right to Left) so that About becomes the first steps on the right, then account then address on the left. Any idea how to do that?

http://www.creative-tim.com/live/material-bootstrap-wizard#
The build profile one

Also, anyway how to include within the form, a google map with a movable marker which updates the field with the new address & coordinates in the form?

[mgr9500]

@alexandru-paduraru @alnasiriku modify "material-bootstrap-wizard.js":
replace
move_distance = $wizard.width() - ((index_temp+1) * (move_distance));
with
move_distance = move_distance * index_temp;
and add this code:
$wizard.find('.nav li').css('float','right');
after this:
$wizard.find('.nav li').css('width',$li_width + '%');

for use in persian and arabic wizard

GoodLock

[mn7676]

@alnasiriku
replace
move_distance = - move_distance * index_temp;
with
move_distance = move_distance * index_temp;
and add this code:
$wizard.find('.nav li').css('float','right');
after this:
$wizard.find('.nav li').css('width',$li_width + '%');

[RedMoonLight]

 total_steps = $wizard.find('li').length;
            move_distance = $wizard.width() / total_steps;
            step_width = move_distance;
            move_distance *= index;
           
            $current = index + 1;

            if($current == 1){
                move_distance += 8;
            } else if($current == total_steps){
                move_distance -= 8;
            }

i can't make the wizard do backward steps, can u help me?