DevOps, CI/CD and Automation

Hi,

As a sample, I added oj-train component by copying the code from cookbook

< oj-train id="train"

                  selected-step="stp5"

                  steps="\[\[stepArray\]\]">

< /oj-train>

this.stepArray = ko.observableArray(

                        \[{label:'Step One', visited: true, messageType: 'confirmation', id:'stp1'},

                         {label:'Step Two', visited: true, messageType: 'error', id:'stp2'},

                         {label:'Step Three', visited: true, messageType: 'warning', id:'stp3'},

                         {label:'Step Four', visited: true, messageType: 'info', id:'stp4'},

                         {label:'Step Five', id:'stp5'}\]);

I could see the message icons within the step circle shape, but the look and feel is different as what i see in the cookbook.

Please see the below screen shot from my app :

And the below one from JET cookbook :

I'm using JET v4.2.0

Is there any additional property that I need to set to get the same look and feel as what I see in the cookbook or do I need to migrate to version 5.1.0 ?

Thanks,

Gaurav