HomeBar

This Parameter allows you to display only the specified element in the app

📘

List

Right now, you. can display in isolation, the following components
Only works when showOnly=steps is passed by parameter

  • Steps
ParameterDescription
showOnlyallows you to choose not to render the order header element of the application
default: ""
options: "steps"

Example

Note: In the image the "see detail" button is the client's configuration, it is only an example.

📘

Customize Text

Title
You can customize the step title in the view Steps using the parameter stepViewTitle.
Only works when showOnly=steps is passed by parameter.

Address
You can customize the destination or source address according to the type of operational model.

ParameterDescription
stepViewTitleParameter to customize the title of the step view
showAddressDisplays the address according to the operating model

default: false
options: true or false

📘

Text size

You can customize the size of the texts

  • Title
  • Subtitle
  • Steps
ParameterDescription
homeBarFontSizeTitleParameter to customize the font size (title)
homeBarFontSizeSubtitleParameter to customize the font size (subtitle)
homeBarFontSizeStepsParameter to customize the font size (steps)

📘

Customize Icon

You can customize the icons in the view Steps.
Only works when showOnly=steps is passed by parameter.

ParameterDescription
homeBarIconSizeParameter to customize the size of the icons for each step
stepPickingIconActiveString which will be used as display icon during the Picking order step when is in Active status.
stepPickingIconInactiveString which will be used as display icon during the Picking order step when is in Inactive status.
stepGoingToDestinationIconActiveString which will be used as display icon during the Going To Destination order step when is in Active status.
stepGoingToDestinationIconInactiveString which will be used as display icon during the Going To Destination order step when is in Inactive status.
stepReadyToPickupIconActiveString which will be used as display icon during the Ready To Pickup order step when is in Active status.
stepReadyToPickupIconInactiveString which will be used as display icon during the Ready To Pickup order step when is in Inactive status.
stepPickedUpIconActiveString which will be used as display icon during the Picked Up order step when is in Active status.
stepPickedUpIconInactiveString which will be used as display icon during the Picked Up order step when is in Inactive status.
stepDeliveredIconActiveString which will be used as display icon during the Delivered order step when is in Active status.
stepDeliveredIconInactiveString which will be used as display icon during the Delivered order step when is in Inactive status.