VinceG / twitter-bootstrap-wizard

This twitter bootstrap plugin builds a wizard out of a formatter tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.
MIT License
1.39k stars 676 forks source link

Right to left steps #198

Open alnasiriku opened 8 years ago

alnasiriku commented 8 years ago

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 commented 7 years ago

@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 commented 7 years ago

@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 commented 6 years ago

 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?