Powerapp progress bar canvas app

[Anonymous]

Hi, I am building a powerapp whereby the customer can view parcel status upon keying the parcel id.

The shipping options are

My powerapp

I want to view order status in icon format like below. 

For example when parcel is shipped,

only that icon light up, the rest default grey color

Here I am retrieving data (orderstatus) from my sharepoint list which I have connected in my powerapps. Thank you for helping.

[jesse_sql]

Hi @Anonymous, my Power App has a progress bar that kinda looks like one you showed. You can build this by creating 4 seperate Circle objects and using a conditional on the "Fill"-function. Let's say variable _orderstatus contains the value that tracks the progress, than each Circle needs to check if it's own status or one or a status of the following steps is met:

-- Fill Fx | Circle 1
If(_orderstatus in [
     "Seller shipped your parcel"; 
     "Parcel has arrived at the destination port"; 
     "Parcel has been received at sorting facility"; 
     "Parcel is out of delivery"
];
DarkSeaGreen;
LightGray
);;

-- Fill Fx | Circle 2
If(_orderstatus in [
     "Parcel has arrived at the destination port"; 
     "Parcel has been received at sorting facility"; 
     "Parcel is out of delivery"
];
DarkSeaGreen;
LightGray
);;

-- Fill Fx | Circle 3
If(_orderstatus in [
     "Parcel has been received at sorting facility"; 
     "Parcel is out of delivery"
];
DarkSeaGreen;
LightGray
);;

-- Fill Fx | Circle 4
If(_orderstatus in [
     "Parcel is out of delivery"
];
DarkSeaGreen;
LightGray
);;

You also need to do this for the lines in between. I hope this kinda gave you a direction you can use to implement such a progressbar.

[Anonymous]

Helloo thank you for your reply!!

I did the following but I face error message.

For each icon, there are errors like below. I think this is because I need add in parcel id in the code since i am using it to retrieve the order status. May I know how I should do so?

Additionally, may I know how I should link the View Order Status button to order status bar I have created?

Thank you.

[jesse_sql]

Hi! Can you provide the current code that you're using for the button and for the fill in the icon?

I would say that something like the following can link the button to the status bar:

Set(_orderstatus; LookUp(Orders; parcel_id = Value(parcel_input_field.Text)).order_status);;

 
Looking up and storing the status of the order, can save some calls to SharePoint. When you're using more columns, you might want to store the whole Row in a variable:

Set(_order; LookUp(Orders; parcel_id = Value(parcel_input_field.Text)));;

This depends on the datamodel you use on the SharePoint-list. The example above uses an SharePoint-list called Order that is identified by an parcel_id and has a field called order_status. Would love to see the code of the button and the icon!

[Anonymous]

Hii thankyou for your reply. My code for view order status button is 

If(
(CountRows(Filter(OrderList,ParcelID=input_parcelID.Text))=0),
//CountRows(orderinfo),
Notify("Your order status cannot be found. Please enter a valid parcel ID.",NotificationType.Error),
Notify("Your order status can be found below.",NotificationType.Success,3000));

Set(StatusVar5, LookUp(OrderList,ParcelID=input_parcelID.Text).OrderStatus);

For the buttons are the following