Steps (Stepper) - Problem - Material Design for Bootstrap

Topic: Steps (Stepper) - Problem

Niklas Bicok pro asked 5 years ago

<div class="md-form col-12 ml-auto">
<input id="email-horizontal" type="email" class="validate form-control" required>
<label for="email-horizontal">Email</label>
</div>

MD-Form ist missing. -> MDB Version 4.5.13

Add comment

Piotr Glejzer staff answered 5 years ago

1 0 Best answer

Please insert min. 20 characters.

Hi, I will try to explain one more time. I checked everything is working well with package 4.5.13.

Download package 4.5.13.
Put a link with steppers.css below previous links.
Copy script tag with steppers.js and paste it below the last script.
Create a new script tag and put initiate code and other function if you need.
Copy code HTML from a website and paste it to file.

Here is a link to a video showing how to do this. Best, Piotr

Niklas Bicok pro commented 5 years ago

Thank you very much!
now it works!

Add comment

claritysfw free answered 5 years ago

0 0 Best answer

Any movement on this? having the same problem

Piotr Glejzer staff commented 5 years ago

which version do you use?

Add comment

Niklas Bicok pro answered 5 years ago

0 0 Best answer

Hi,

yes that`s my code:
<pre class="code-toolbar grey lighten-2 p-3 mb-3"><link href="core/css/addons-pro/stepper.css" rel="stylesheet">
<script type="text/javascript" src="core/js/addons-pro/stepper.min.js"></script>

Code Stepper

JS:

</pre>
<pre class="grey lighten-3 px-3 mb-0 line-numbers language-js"><code class=" language-js">$(document).ready(function () {
 $('.stepper').mdbStepper();
})</code></pre>

Please insert min. 20 characters.

Hi, yes that`s my code:

<link href="core/css/addons-pro/stepper.css" rel="stylesheet">
<script type="text/javascript" src="core/js/addons-pro/stepper.min.js"></script>

Code Stepper

JS:

$(document).ready(function () {
  $('.stepper').mdbStepper();
})

Piotr Glejzer staff commented 5 years ago

What version do you use? New steppers are available from 4.5.12 version.

I checked in version 4.5.13 that everything is working correctly.

Niklas Bicok pro commented 5 years ago

I also use version 4.5.13 but it dont work.

I dont know what im doing wrong...

Uncaught TypeError: $(...).mdbStepper is not a function - jquery-3.3.1.min.js:2

???

vinoth free commented 5 years ago

I am also getting this problem. Steppers with horizontal and vertical form not working.

Add comment

Piotr Glejzer staff answered 5 years ago

0 0 Best answer

Hi, did you put initiation code to stepper? Steppers - how it works Best, Piotr

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: 4.5.10
Device: PC
Browser: Chrome
OS: Windows 10
Provided sample code: No
Provided link: No

Niklas Bicok

Pro User 30Support score
3Questions 2Answers 0Snippets