如何在ABP模板中使用_formwizard.scss?

时间:2018-09-11 10:20:08

标签: javascript html user-interface aspnetboilerplate formwizard

ASP.NET Boilerplate(ABP)模板包含一个名为 _formwizard.scss 的文件,其中包含CSS样式,如:

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a {
    outline: 0;
}

/* ... */

此文件来自哪里以及如何使用?

谢谢。

1 个答案:

答案 0 :(得分:1)

它来自AdminBSB,使用jQuery Steps插件。

您可以按照其演示中的说明使用它: https://gurayyarar.github.io/AdminBSBMaterialDesign/pages/forms/form-wizard.html

<div id="wizard_horizontal">
  <h2>First Step</h2>
  <section>
    <p>
      Lorem ipsum...
    </p>
  </section>

  <h2>Second Step</h2>
  <section>
    <p>
      Donec mi sapien...
    </p>
  </section>
</div>
$('#wizard_horizontal').steps({
    headerTag: 'h2',
    bodyTag: 'section',
    transitionEffect: 'slideLeft',
    onInit: function (event, currentIndex) {
        setButtonWavesEffect(event);
    },
    onStepChanged: function (event, currentIndex, priorIndex) {
        setButtonWavesEffect(event);
    }
});