vue-form-wizard icon indicating copy to clipboard operation
vue-form-wizard copied to clipboard

Published 20 hours ago • verified publisher icon BinarCode

direction RTL

Open anas142 opened this issue 5 years ago • 4 comments

can I create vue-form-wizard from right to the left

anas142 avatar Aug 28 '18 06:08 anas142

I have made it RTL by adding the following css:

.vue-form-wizard .wizard-progress-bar {
    float: right;
  }

  .vue-form-wizard .wizard-card-footer .wizard-footer-left {
    float: right;
  }

  .vue-form-wizard .wizard-card-footer .wizard-footer-right {
    float: left;
  }

nimaaj93 avatar Oct 21 '18 06:10 nimaaj93

.vue-form-wizard .wizard-progress-bar { float: right; }

.vue-form-wizard .wizard-card-footer .wizard-footer-left { float: right; }

.vue-form-wizard .wizard-card-footer .wizard-footer-right { float: left; }

Thanks @nimaaj93

Sometimes it needs !important

shareef1989 avatar Apr 28 '19 17:04 shareef1989

tanks alot nimaaaa joooon

sasany11 avatar May 22 '19 07:05 sasany11

I have made it RTL by adding the following css:

.vue-form-wizard .wizard-progress-bar {
    float: right;
  }

  .vue-form-wizard .wizard-card-footer .wizard-footer-left {
    float: right;
  }

  .vue-form-wizard .wizard-card-footer .wizard-footer-right {
    float: left;
  }

In addition UL which contains top circles must has right to left direction

.wizard-nav.wizard-nav-pills
{
     direction :rtl;
}

SeydMehdi avatar Jul 07 '21 03:07 SeydMehdi