disableNext function does not work in custom_wizard.js

The “disableNext” attribute doesn’t work when used in the custom function.

Look at the example below. Even when the condition is met, the next button won’t become enabled.

On the other hand the “hideNextButton” works fine.

‌

// *** Function to check the status of the form data
    enableSetupButtonsIfCan(step) {

        let formData = step.wizardData.formData;

        var ptSrc = formData.model_pt_src;
        var ptTgt = formData.model_pt_tgt;
        var yearSrc = formData.model_year_src;
        var yearTgt = formData.model_year_tgt;

        console.log('Validation: Form Data changed')

        if (ptSrc != '' && ptTgt != '' && yearSrc != '' && yearTgt != '')
            //WizardCtrl.self.options.wizard.hideNextButton = false;
            CustomWizard.self.disableNext = false;
        else
            //WizardCtrl.self.options.wizard.hideNextButton = true;
            CustomWizard.self.disableNext = true;

    }

‌

<div class="row col-md-12" align="center" >

    <tm1-ui-dbr-hidden tm1-instance="ApliqoFPM"
        tm1-cube="UBS Modelling Parameter"
        tm1-elements="Projection Type, sSource"
        ng-model="$ctrl.formData.model_pt_src">
    </tm1-ui-dbr-hidden>
    <tm1-ui-dbr-hidden tm1-instance="ApliqoFPM"
        tm1-cube="UBS Modelling Parameter"
        tm1-elements="Projection Type, sTarget"
        ng-model="$ctrl.formData.model_pt_tgt">
    </tm1-ui-dbr-hidden>
    <tm1-ui-dbr-hidden tm1-instance="ApliqoFPM"
        tm1-cube="UBS Modelling Parameter"
        tm1-elements="Year, sSource"
        ng-model="$ctrl.formData.model_year_src">
    </tm1-ui-dbr-hidden>
    <tm1-ui-dbr-hidden tm1-instance="ApliqoFPM"
        tm1-cube="UBS Modelling Parameter"
        tm1-elements="Year, sTarget"
        ng-model="$ctrl.formData.model_year_tgt">
    </tm1-ui-dbr-hidden>
    <div ng-if="$ctrl.formData.model_pt_src === '' || $ctrl.formData.model_pt_tgt === '' || $ctrl.formData.model_year_src === '' || $ctrl.formData.model_year_tgt === ''">
        <strong>Modelling Parameters are incomplete</strong>
        <span class="blink_text">WARNING:</span>
        <font color="red">
            <strong>Please select the source and target Projection Types and Year</strong>
        </font>
    </div>
    <div ng-if="$ctrl.formData.model_pt_src != '' && $ctrl.formData.model_pt_tgt != '' && $ctrl.formData.model_year_src != '' && $ctrl.formData.model_year_tgt != ''">
        <strong>Form validation passed</strong>
    </div>
</div>

‌

Comments (3)