creativetimofficial/ct-vue-now-ui-dashboard-pro

Question: Wizard Finish Button

Closed this issue · 2 comments

Hi Cris,

I was looking at the Wizard doc and can't seem to find the event trigger for when the Finish button is clicked? My apologies if I had missed it.

Thanks
Mark

Hi @mcombalicer The wizard for this dashboard is a component right in the project.
You can find it under src/components/Wizard/
You could use the tab-change button and verify the whether the tab matches your last one. If you really need a finish event just go to Wizard.vue component and modify nextTab function to send this event

computed: {
 isLastStep(){
  return this.activeTabIndex === this.tabCount - 1;
 }
}
async nextTab() {
        let isValid = await this.validate();
        if (isValid && this.activeTabIndex < this.tabCount - 1) {
          this.activeTabIndex++
        }
		if(this.isLastStep){
         this.$emit('on-complete')
        }
        return isValid
}

Closing due to inactivity