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

Question

ASP.NET 样板 (ABP) 模板包含名为 _formwizard.scss 的文件，其中包含 CSS 样式，例如：

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

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

/* ... */

这个文件从哪里来，我该如何使用它？

谢谢。

Answer 1

来自AdminBSB, using the 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);
    }
});