Bining Data for StepProgress Bar

[Paul]

Hey Guys im trying to add step progress bar to a xamain form but the data is not binding from the code behind. I dont want to use a view model. Please Help Me.

 <progressBar:SfStepProgressBar BindableLayout.ItemsSource="{Binding ShipmentInfoCollection}" TitleAlignment="Start" BackgroundColor="Transparent" TitleSpace="10" Orientation="Vertical" x:Name="stepProgress" Margin="0,50,0,0">

                    <BindableLayout.ItemTemplate>

                        <DataTemplate>

                            <progressBar:StepView x:Name="stepView" ProgressValue="{Binding progressValue}" Status="{Binding stepStatus}">

                                <progressBar:StepView.PrimaryFormattedText>

                                    <FormattedString>

                                        <Span Text="{Binding ShippingStatus.title}" FontSize="Medium" FontAttributes="Bold"/>

                                        <Span Text="&#10;&#10;"/>

                                        <Span Text="{Binding ShippingStatus.description}" FontSize="Small"/>

                                    </FormattedString>

                                </progressBar:StepView.PrimaryFormattedText>

                                <progressBar:StepView.SecondaryFormattedText>

                                    <FormattedString>

                                        <Span Text="{Binding date}" FontSize="Small" FontAttributes="Bold"/>

                                        <Span Text="&#10;&#10;"/>

                                        <Span Text="        "/>

                                        <Span Text="time" FontSize="Small" TextColor="#b6b0b2"/>

                                    </FormattedString>

                                </progressBar:StepView.SecondaryFormattedText>

                            </progressBar:StepView>

                        </DataTemplate>

                    </BindableLayout.ItemTemplate>

                </progressBar:SfStepProgressBar>

Code Behind

namespace MarketYaad.Pages

{

    [XamlCompilation(XamlCompilationOptions.Compile)]

    public partial class OrderDetailsPage : ContentPage

    {

        public ObservableCollection<OrderDetail> OrderDetailCollection;

        public ObservableCollection<ShipmentDetails> ShipmentInfoCollection;

        public OrderDetailsPage(int orderId)

        {

            InitializeComponent();

            OrderDetailCollection = new ObservableCollection<OrderDetail>();

           ShipmentInfoCollection = new ObservableCollection<ShipmentDetails>();

            GetOrderDetail(orderId);

            GetOrderItems();

            GetShipmentStatus(orderId);

        }

        private async void GetShipmentStatus(int orderId)

        {

            var shippingdetails = await ApiService.GetShipmentStatuses(orderId);

            foreach (var item in shippingdetails)

            {

                ShipmentInfoCollection.Add(item);

            }

        

        }

[Devaraj Sekar]

Hi Paul, 

Thank you for contacting Syncfusion support. 

We are currently analyzing on the mentioned requirement and will update you further validation details on 10^th March 2021. 

Regards, 

Devaraj S 

[Devaraj Sekar]

Hi Paul, 

Thank you for the patience. 

The mentioned requirement with “StepProgressBar binding without view model class” can be achieved at design level. We have prepared a sample based on the mentioned requirement, which can be downloaded from the below link. 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ProgressBar-1003909661.zip  

UG link: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/data-binding/relative-bindings  

Kindly let us know whether sample fulfils your requirement. 

Regards, 

Devaraj S