Skip to content
Steps 1 Highlighted with Text “Order Information”Steps 2 Highlighted with Text “Detail Information”Steps 3 Greyed with Text “Wrap Up”onClick Continue button, will move to next step and highlighted current and past stepsInactiveActiveText Field withTitle “Booking name”Placeholder “Ex : Jack Daniel”AsteriskEditable and requiredDefault (unselected)Active (editing)Error (empty)Text Field withTitle “Phone Number”Area code default to Indonesia “+62”Placeholder “8918293232”AsteriskEditable and requiredonClick Area Code, open bottom sheet area codeonClick Phone Number, show softkeyboard input with phone number typeDefault (unselected)Active (editing)Error (empty)Text Field withTitle “Email”Placeholder “Ex : jack@email.com”AsteriskEditable and requiredonClick open softkeyboard with email typeDefault (unselected)Active (editing)Error (empty)Text Field withTitle “Nationality”Placeholder “Ex : Jack Daniel”AsteriskDropdown icon on the rightEditable and requiredonClick, open bottom sheet NationalityDefault (unselected)Active (editing)Error (empty)Text Field withTitle “Payment Method”Placeholder “Select option”AsteriskHidden Text Field with:Title “Transaction ID”Placeholder “Ex : OTA-910920392”AsteriskEditable and requiredonClick, open bottom sheet Payment MethodIf selected method is `EDC`show Transaction ID FieldTransaction ID is requiredDefault (unselected)Active (editing)Error (empty)Text Field withTitle “Guest status”Placeholder “Select status”AsteriskEditable and requiredonClick, open bottom sheet Guest StatusDefault (unselected)Active (editing)Error (empty)Text Field withTitle “Driver/ Travel Agent ID”Placeholder “Select driver”Editable and not requiredonClick, open bottom sheet Driver/ Travel agent ID
2. Add Ticket - Detail Information
1. Stepper
Purpose: Indicates user progress through the ticket creation steps
Content and Elements:
Behavior and Interactions:
Data Sources:
Static
UI References:
State:
2. Booking Name Field
Purpose: Collect the full name of the person making the booking
Content and Elements:
Behavior and Interactions:
State:
3. Phone Number Field
Purpose: Collect the contact number of the person making the booking
Content and Elements:
Behavior and Interactions:
Data Source:
Static
State:
4. Email
Purpose: Collect the email to send the Ticket QR code and payment status
Content and Elements:
Behavior and Interactions:
State:
5. Nationality
Purpose: Collect the nationality of the visitor
Content and Elements:
Behavior and Interactions:
Data Source:
Static
State:
6. Payment Method
Purpose: Collect the payment method the customer use to pay
Content and Elements:
Behavior and Interactions:
Data Source:
Static
State:
7. Guest Status
Purpose: Determined the guest visitation status to the event
Content and Elements:
Behavior and Interactions:
Data Source:
Static
State:
8. Driver/ Travel Agent ID
Purpose: Tracking for partnership/ referral tracking
Content and Elements:
Behavior and Interactions:
Data Source:
Dynamic
API Name:
Google Sheet API
State:
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.