Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Metronic HTML stepper not working on Laravel Metronic


Hello,

I've been trying to add the HTML stepper to my Laravel project and i'm kind of lost on how to do it.

I'm working locally, so here it is ;
At first i added the style at the top of my file which extends the <x-base-layout> with this method :
@push('style')
<link href="{{ asset('assets/css/style.bundle.css') }}" rel="stylesheet" type="text/css" />
@endpush

and the scripts with pretty much the same method :

@push('scripts')
<script src="{{ asset('assets/js/scripts.bundle.js') }}"></script>

<script>
// Stepper lement
var element = document.querySelector("#kt_stepper_example_basic");

// Initialize Stepper
var stepper = new KTStepper(element);

// Handle next step
stepper.on("kt.stepper.next", function(stepper) {
stepper.goNext(); // go next step
});

// Handle previous step
stepper.on("kt.stepper.previous", function(stepper) {
stepper.goPrevious(); // go previous step
});
</script>
@endpush

to get around the 404 error of not finding the above ressources.

But I still can't find the solution to "GET http://127.0.0.1:8000/demo3/js/init.js 404 (Not Found)"

I checked under "public/demo3/js/" there is not the init.js file

How can i get around this error ?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


Hello,

After i deleted every bit of code i head in that page, i noticed that error i have (which i showed in the screenshot) is still there.
So i guess it has nothing to do with the stepper.

Now that means i have that 404 error and the stepper not working



Hi Ali Silarbi,

Sorry for the delay. Could you please download the latest Metronic version from ThemeForest? The init.js issue should have already been fixed in the recent version. You can replace the assets with the latest version.

Hope this can solve the stepper issue.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(