Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Custom Stepper Buttons

Rogelio Sanchez free asked 5 years ago


Expected behavior I want to be able to add custom buttons ("next", "previous", "submit") in a stepper component and define my own logic, is there a way to do this? plus, is it possible to trigger the stepper events programatically? I want to add this functionality to my custom buttons.

Actual behavior I can't find a way to set my own buttons through the stepper properties for example, I can only change the text but nothing else.

Resources (screenshots, code snippets etc.) Actually this is my configuration stepper:

<mdb-stepper
        within
        :submitFunction="savePost"
        validation
        :validatedSteps="validatedSteps"
        @validate="validate"
      >

and in the end of each mdb-step:

<div>
    <button type="button" @click="someFunction"></button>
</div> 

Thanks in advance!!!


Mikołaj Smoleński staff answered 5 years ago


Hi there,

As it's a complex and expanded component you can't customize it in any way. All customize options are presented in the API tab on this page: https://mdbootstrap.com/docs/vue/components/stepper/

Best regards



Please insert min. 20 characters.

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: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 5.8.0
  • Device: Mac
  • Browser: google chrome
  • OS: IOS
  • Provided sample code: No
  • Provided link: No