NotStarted style for a step without having InProgress

I would like to show NotStarted style for a step without having InProgress step before it. I'm following the tutorial from documentation https://help.syncfusion.com/xamarin/stepprogressbar/bindablelayout
and it seems like the control requires previous Step to be InProgress state in order to show NotStarted.

As an example, when I populate my collection like below instead of showing all elements as NotStarted it changes the 3rd element to InProgress and only last 2 elements are shown as NotStarted. Is there a workaround for this problem? Also, is it possible to show NotStarted style for 2nd element and InProgress for 3rd element for example?

            ShipmentInfoCollection = new ObservableCollection<ShipmentDetails>();

            ShipmentInfoCollection.Add(CreateShipmentInfo("Ordered and Approved", "Seller has processed your order", DateTime.Now.ToString("dd MMM yyyy"), "10:10 AM", StepStatus.Completed, 100));

            ShipmentInfoCollection.Add(CreateShipmentInfo("Packed", "Your item has been picked by courier partner", DateTime.Now.AddDays(1).ToString("dd MMM yyyy"), "01:37 PM", StepStatus.Completed, 100));

            ShipmentInfoCollection.Add(CreateShipmentInfo("Shipped", "", DateTime.Now.AddDays(1).ToString("dd MMM yyyy"), "02:50 PM", StepStatus.NotStarted, 0));

            ShipmentInfoCollection.Add(CreateShipmentInfo("Delivered", "", DateTime.Now.AddDays(2).ToString("dd MMM yyyy"), "10:00 AM", StepStatus.InProgress, 0));

            ShipmentInfoCollection.Add(CreateShipmentInfo("Fasd", "", DateTime.Now.AddDays(2).ToString("dd MMM yyyy"), "10:00 AM", StepStatus.InProgress, 0));


step-progress-bar.png


1 Reply

KG Krithika Ganesan Syncfusion Team September 23, 2024 04:01 PM UTC

To meet your requirement, we applied the 'NotStarted' style to the 'InProgress'  style and tried implemented the desired behavior. Please find the sample and UG documentation links below for your reference.


UG link: https://help.syncfusion.com/xamarin/stepprogressbar/status#content-type


Attachment: ProgressBar_657cf22c.zip

Loader.
Up arrow icon