The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More
Light
Dark
System
Ask  Question

submit steps on React form


Hi,
I use the React version of Metronic and when using the stepper on "https://preview.keenthemes.com/metronic8/react/demo1/crafted/pages/wizards/horizontal", I noticed that the logic behind submit step button is not well written I think or maybe there is something else...
Evrything goes well when I use it the first time, but when arriving at the end and go back for the first steps, button which should be "continue" become "submit" on step 3 (there are 5 steps)... Also when using it in a project by adding 2 more steps , the last one does'nt display...
Please can you check the logic behind?

NB: small significant is that for the component stepper, to get the TOTAL number of steps, the variable to call for is "stepper.current.totaTStepsNumber"


user
Franck-Olivier KONAN 4 years ago
React
2 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 (2)

G
Guest 4 years ago

same issue in the html version
@Carmelo D. do you have news to solve the issue?


user
Carmelo D 4 years ago

Hi,

Thank you for your message,
I will add the ticket about it to the developers' backlog, they will fix it then.

Regards,
Keenthemes support


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  :(