Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Basic Stepper Example on documentation not working


I'm trying the basic stepper example on the official documentation and the problem using the code provided is that the Submit Button never appears on Step 4. I've check that the js and css are linked but it doesn't work

https://preview.keenthemes.com/html/metronic/docs/general/stepper#markup-reference


J
James O'Connor 3 years ago
Metronic HTML
4 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

user
Sachin Kale 1 year ago

How to write code for submit button ??


user
Diego Menezes 3 years ago

I Have the same problem. I download the last version of the code and still don't show the submit usign the same code of the documentation example.


user
Sean Author 3 years ago

Hi,

Please make sure you are using the latest Metronic v8.1.6 and double-check the HTML code. The submit button should have data-kt-stepper-action="submit" attribute.

If you need any further help please do let us know.

Regards.


J
James O'Connor 3 years ago

Can't edit the question. It throws on "Server Error" on developer console. The correct link: https://preview.keenthemes.com/html/metronic/docs/general/stepper#basic


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(