Add a dropdown Widget Connector width 900 url https://www.youtube.com/watch?v=On46cCe8GfE&list=PLbPt6SI1Zhb8CnWh7Gvopto7D6LEwcB9A&index=12 height 500
Add drop-down fields to an app application to link data. To recap on the steps in the video:
Creating Drop-down
...
Fields
In the
stream Businessesstream
called DDBusinesses
, create a new viewcalled
DD_Businesses
.
a reminder to the developerTip The
DD_
prefix is used here as
dropdownan indication that this view is used for a
drop-down.
- Ensure the new view has the
UID
andName
fields only.- Hide the
UID
.
- Hide the
- Bring the contactsdashboard back Dashboard to the front.
- Drag the new
DD_Businesses
view (icon) View icon onto theBusinessName
field on the edit form. This dynamically creates a Drop Down-down field. - Setup the dropdown Set up the drop-down by opening the configuration form for the stream attribute
BusinessName
.- Set Drop Down Value Field to
Name
. This is the value that the user will be able to select and it will be displayed in the dropdown field. - Next we will set any required mappings. Mappings are used where we need to set additional values from the dropdown. For example, the user can select a business's name from the dropdown but we want to capture that business's ID when we save the data. For this we have a form field on the screen that an additional value from the dropdown can be mapped to.
- Under the Mappings click section, click + to add a new mapping and set:
- Set Form Field to the :
BusinessUID
The name of the attribute on the form to which we want to map to on our form i.e. BusinessUID - Set Drop Down Field to the :
UID
The name of the attribute on the view that we will want to map to the form value i.e. UID
- Set Form Field to the :
- Set Drop Down Value Field to
Link the Contacts on the Business Dashboard
- Open the configuration form for the Business Contacts view on the Businesses dashboard.
- Next Click + next to the Default Sort Order click + and set:
- Name:
ByName
- Sort Order Attributes, use :
FamilyName
- Name:
- Click + next to the Default Filter click + and set:
- Name:
ByBusiness
- Filter Details
BusinessUID
equalsBusinesses.UID
- Click abc to let tell PhixFlow know that this is a formulaan expression.
- Name:
- Now the Businesses will
Businesses
view will drive the content of theContact Details
i. e we This means you will see the contacts relevant to the selected business.
Tip |
---|
Drop |
...
-down fields are useful when we want users to select an option from a predefined |
...
list of values. Another good candidate for a |
...
drop-down field is Type on the |
...
drop-down list. |
Panel |
---|
Next video: 11. Menus and Navigation |