Как использовать _formwizard.scss в шаблоне ABP? - PullRequest
0 голосов
/ 11 сентября 2018

Шаблон ASP.NET Boilerplate (ABP) содержит файл с именем _formwizard.scss , содержащий стили CSS, такие как:

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

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

/* ... */

Откуда этот файл и как его использовать?

Спасибо.

1 Ответ

0 голосов
/ 11 сентября 2018

Получено от 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);
    }
});
...