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

Question

ASP.NET Boilerplate（ABP）模板包含一个名为 _formwizard.scss 的文件，其中包含CSS样式，如：

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

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

/* ... */

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

谢谢。

Answer 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);
    }
});