logo
This section states the purpose of each reusable element.

Introduction

Reusable Element - an element that contains other elements, like a group, that can be used in more than one place. This is useful when reusing the same elements often.
πŸ’‘
Tip: See Bubble Reference for details https://manual.bubble.io/core-resources/elements/reusable-elements πŸ™‚

Reusable Elements

Chat

This reusable element is part of both driver_page and rider_page pages. It serves as a conversational block between rider and support team and driver and support team. The admin page also has the reusable element for support chat part.
Image without caption
This reusable element is designed to be used as a chat menu. It contains the main container Group "Chat" and it is used to hold the content inside of other subgroups (i.e elements like texts, inputs, groups).
Image without caption
The workflows on this element are actions that manipulate database values using Make Changes, Create a new thing forSupport_ticket , Messages data type values. Other actions part of this element: scroll to an element and reset relevant inputs.

Driver_history

This reusable element is part of driver_page and admin pages. It serves as a block to display driver's trips history in detail (Starting Point, Destination, Date, Ride Cost, etc.).
πŸ’‘
Tip: Initially, your design elements might be hidden in your editor.
Here is how to unhide πŸ‘€ them:
Image without caption
This reusable element is designed to be used as a section to display driver's history rides. It contains the main container Group "list rider history" and popup "support subjects".
The group "list rider history" holds all other elements within, three subgroups "title", "table rider history" and "empty state" containing the text, repeating groups, placeholders.
Image without caption
The workflows on this element are actions that show and display data on page. Actions like hide and show an element, display data in group/pop-up, and set state values are used.

Rider_history

Similar to Driver_history reusable element, this one is part of rider_page and admin pages. It serves as a block display driver's trip history in detail (Starting Point, Destination. Date, etc.).
πŸ’‘
Tip: Initially, your design elements might be hidden in your editor.
Here is how to unhide πŸ‘€ them:
Image without caption
This reusable element is designed to be used as a section to display user's (rider's) history of rides. It contains the main container Group "list rider history" and popup "support subjects".
The group "list rider history" holds all other elements within, three subgroups "title", "table rider history" and "empty state" containing the text, repeating groups, placeholders.
Image without caption
The workflows on this element are actions that show and display data on page. Actions like hide and show an element, display data in group/pop-up and set state values are used.

Security_tab

This reusable element is part of admin page. It serves as a block for changing the current password for user.
Image without caption
This reusable element is designed to be used as a section to change the password. It contains the main container Group "security info edit" and popup "no access". The group "security info edit" is divided into three subgroups that hold the texts, inputs, and a button inside the containers.
Image without caption
The workflows on this element are actions that interact with the page section and update user credentials. Actions like hide and show an element, animate an element and update the user's credentials.

Helpful?