Skip to Content
0

SAPUI5 application, problem updating the sapMWizardStep while implementing the wizard control:

May 20, 2017 at 01:09 PM

99

avatar image
Former Member

Hi,

I am trying to implement the sap.m.wizard control. When I move from one step to the next I want to hide the previous step and only display the current step. I can do this however the wrong sapMWizardStep is being displayed next to the title.

For this example i am using the Wizard standard use case available on EXPLORED on https://sapui5.hana.ondemand.com

To hide the previous step i added this code to the wizardstep event handler 'activate'

This partially works as the title text is correct however the sapMWizardStep is set to 1. when it should be 2.

additionalInfoValidation : function (oEvent) {
// hide the previous step
           var hideStep1 = this.getView().byId("ProductTypeStep");
           hideStep1.setVisible(false);

// get the newly selected step          
           var oWizardStep = oEvent.getSource();
           this._wizard.goToStep(oWizardStep, false);
           this._wizard.validateStep(oWizardStep);



I have tried the method wizard.nextStep() and many other things but nothing seems to work.

In the screen shot it is display 1. Product Information ( should be 2. Product Information)

screen-shot-2017-05-20-at-143725.png

Looking the elements tab of the chrome debugger I can see that it is related to

<h3 class= "sapMWizardStepTitle" id="__xmlview0--ProductInfoStep-Title">

::before == $0

"Product Information"

</h3>

screen-shot-2017-05-20-at-150202.png

Any ideas on how to solve this would be appreciated??

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

avatar image
Former Member Jun 08, 2017 at 03:21 PM
0

Hi,

I had the exact problem, the only solution I could find was to hide the Title completely, and after that add it manually. I added this to my css:
 .sapMWizardStepTitle{
/* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

Share
10 |10000 characters needed characters left characters exceeded
avatar image
Former Member Jul 23, 2017 at 02:42 PM
0

Thanks Anda,

I will try that :-)

rgds

James

Share
10 |10000 characters needed characters left characters exceeded