9,334
edits
View: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
|||
| Line 62: | Line 62: | ||
* '''Fields''' pane on the right shows fields that you can add to the view. | * '''Fields''' pane on the right shows fields that you can add to the view. | ||
[[File:View-designer-main-screen.png|600px]] | [[File:View-designer-main-screen.png|600px|alt=View designer in Woodford: main screen]] | ||
=== Fields pane === | === Fields pane === | ||
| Line 121: | Line 121: | ||
Each field has four available anchors. Click an anchor to toggle it on and off. Active anchors fix the boundary position of the field to the side the anchor is pointing to. In the case of the picture below, the City field binds to the left border of the view item and to the bottom border of the Name field. When the anchors are set correctly, the view will not be scrambled when users rotate the screen, e.g., from portrait to landscape. | Each field has four available anchors. Click an anchor to toggle it on and off. Active anchors fix the boundary position of the field to the side the anchor is pointing to. In the case of the picture below, the City field binds to the left border of the view item and to the bottom border of the Name field. When the anchors are set correctly, the view will not be scrambled when users rotate the screen, e.g., from portrait to landscape. | ||
[[File:Anchor.png|600px]] | [[File:Anchor.png|600px|alt=Sample anchor in views]] | ||
For more information about anchors, see [https://blog.resco.net/2018/10/17/advanced-tip-managing-cell-anchors-in-views/ Advanced tip: Managing cell anchors in views]. {{Badge|Blog}} | For more information about anchors, see [https://blog.resco.net/2018/10/17/advanced-tip-managing-cell-anchors-in-views/ Advanced tip: Managing cell anchors in views]. {{Badge|Blog}} | ||
== General controls, adding new cells == | == General controls, adding new cells == | ||
[[File:View toolbar cell section.png]] | [[File:View toolbar cell section.png|alt=View toolbar, Cell section]] | ||
The toolbar is divided into related blocks. The first section, '''Cell''', contains general functions and functions that add or modify cells on your view. | The toolbar is divided into related blocks. The first section, '''Cell''', contains general functions and functions that add or modify cells on your view. | ||
| Line 153: | Line 153: | ||
You can add buttons to the view. Depending on your device, buttons are displayed when you select a record in the list, or when you swipe from the right. | You can add buttons to the view. Depending on your device, buttons are displayed when you select a record in the list, or when you swipe from the right. | ||
[[File:Buttons.png|600px]] | [[File:Buttons.png|600px|alt=View buttons in Resco mobile apps]] | ||
On Windows apps, buttons are displayed when you select a record. On Android and iOS, the behavior is controlled by the parameter '''Use Legacy List Buttons''' (in Woodford '''[[Configuration]]'''). | On Windows apps, buttons are displayed when you select a record. On Android and iOS, the behavior is controlled by the parameter '''Use Legacy List Buttons''' (in Woodford '''[[Configuration]]'''). | ||
| Line 179: | Line 179: | ||
* Access statistics/aggregation functions from the menu in the status bar - bottom right corner. | * Access statistics/aggregation functions from the menu in the status bar - bottom right corner. | ||
[[File:Multiselect.png|600px]] | [[File:Multiselect.png|600px|alt=Selecting multiple records in views in Resco mobile apps]] | ||
In Woodford, edit a view and click '''Multi Select''' to set up the available commands. The operation is similar to view buttons or [[Command_editor#View_commands|Form commands]]. To see how it works, you can also check this [https://youtu.be/REgaV6ymYWM?t=20m27s webinar section]. {{Badge|Webinar}} | In Woodford, edit a view and click '''Multi Select''' to set up the available commands. The operation is similar to view buttons or [[Command_editor#View_commands|Form commands]]. To see how it works, you can also check this [https://youtu.be/REgaV6ymYWM?t=20m27s webinar section]. {{Badge|Webinar}} | ||
| Line 189: | Line 189: | ||
== Sorting and filtering == | == Sorting and filtering == | ||
[[File:View toolbar query section.png]] | [[File:View toolbar query section.png|alt=View toolbar, Query section (sorting and filtering)]] | ||
=== Select fields === | === Select fields === | ||
| Line 228: | Line 228: | ||
== Rows and rules functions == | == Rows and rules functions == | ||
[[File:View upper menu rows rules.png|600px]] | [[File:View upper menu rows rules.png|600px|alt=View upper menu rows rules]] | ||
=== Rows section === | === Rows section === | ||
| Line 295: | Line 295: | ||
Enable '''Auto Header''' in the [[View#Properties_pane|view properties]] to create a header row above the data rows. The header row allows simple sorting. This parameter affects your current view, but you can also configure the project-wide setting in [[Configuration#List|Configuration]], find '''Auto List Header''' under '''UI > List'''. To learn more, please check this part of a [https://youtu.be/B5mMIqJYy-Y?t=4m45s webinar]. {{Badge|Webinar}} | Enable '''Auto Header''' in the [[View#Properties_pane|view properties]] to create a header row above the data rows. The header row allows simple sorting. This parameter affects your current view, but you can also configure the project-wide setting in [[Configuration#List|Configuration]], find '''Auto List Header''' under '''UI > List'''. To learn more, please check this part of a [https://youtu.be/B5mMIqJYy-Y?t=4m45s webinar]. {{Badge|Webinar}} | ||
[[File:Custom label in view headers.png]] | [[File:Custom label in view headers.png|alt=custom label in view headers]] | ||
If you need to include a custom label for one of the fields in the header, just like the city in the screen shot, you can use styles: | If you need to include a custom label for one of the fields in the header, just like the city in the screen shot, you can use styles: | ||
| Line 303: | Line 303: | ||
# Enter the custom label as '''Format string'''. | # Enter the custom label as '''Format string'''. | ||
[[File:Format string for custom view header label.png|600px]] | [[File:Format string for custom view header label.png|600px|alt=Format string for custom view header label]] | ||
=== List / view footer === | === List / view footer === | ||