Tree view: Difference between revisions

Jump to navigation Jump to search
1,017 bytes added ,  24 November 2021
No edit summary
Line 26: Line 26:
# Find your tree view on the '''Available Items''' pane in the '''Components''' section and add it to your home screen.
# Find your tree view on the '''Available Items''' pane in the '''Components''' section and add it to your home screen.
# Save changes and publish the app project.
# Save changes and publish the app project.
== Tree view in the app ==


Synchronize your app to see the new tree view.
Synchronize your app to see the new tree view.
Line 33: Line 31:
[[File:Tree view in action.png|600px]]
[[File:Tree view in action.png|600px]]


== Add tree to form ==
Since [[Releases/Winter 2021|release 14.3]], it is possible to add tree views to forms.
# Edit an entity [[form]].
# Click '''Add Tree''' to insert one of the defined trees as a tab on your form.
# Save changes and publish the project.
=== Tip: add filter to match the behavior of associated lists ===
When you add an associated list to a form, for example, a list of orders to a contact form, you will automatically see orders related to the contact. This kind of implicit filtering is not available for trees. However, you can set up the filter manually. In this example, we're using orders and contacts.
# Create a new view for the order entity (maybe clone the default view). Add a filter with a link to the contact.
# Create a tree view for orders and order products that uses the new view for orders.
# Add the tree to your contact form.
[[File:Related tree view configuration.png|600px]]
In the screenshot below, you can compare the associated list of orders with the tree listing.
[[Order tree.png|600px]]


[[Category:Woodford]]
[[Category:Woodford]]

Navigation menu