Tree view: Difference between revisions

Jump to navigation Jump to search
(Created page with "{{UI Components TOC}}{{WIP}} Tree view is one of the building blocks of Resco mobile apps. This special view displays records from multiple entities organized in a tree-li...")
 
Line 7: Line 7:
== Define a tree ==
== Define a tree ==
# Edit an [[app project]] and select '''Components > Tree''' from the '''Project''' menu.
# Edit an [[app project]] and select '''Components > Tree''' from the '''Project''' menu.
# Click '''New''' and enter a name for your tree, then click '''OK'''.
# Select the parent '''Entity''', such as Account, and choose which '''View''' should be used to display its records.
# In the '''Child (Lazy) Level''' field, select a child relationship, for example, Contact. The Contact entity is added to the tree.
# Select the Contact entity and choose the appropriate view.
# Add more entities as needed, then click '''Save & Close'''.


<!--
[[File:Create a new tree view.png|600px]]
# Click '''New''' and enter a name for your timeline, then click '''OK'''.
# Click '''Add Entity''' and choose an entity from the list. Related records from this entity will be displayed on the timeline.
# Configure which fields should be displayed on the timeline.
# Repeat steps 3 and 4 to add more entities as needed, then click '''Save & Close'''.


[[File:Configure tree.png]]
== Add tree to home ==
# Edit the [[home screen]] of your app project.
# 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.


== Add tree to form ==
== Tree view in the app ==
# Edit a form.
# Click '''Add Timeline''' and select one that should be added to your form as a new form tab.


== Icons ==
Synchronize your app to see the new tree view.


Timeline uses the icons from the "Home" directory of [[images]].
[[File:Tree view in action.png|600px]]
 
== Timeline in the app ==




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

Navigation menu