This Use Case covers the addition of a search field on top of the cards to be able to filter them

• 1. Summary
• 2. Result
• 3. Step by Step Guide
• 3.1 Create a dataview toolbar in your own MenuStructure
• 3.2 Adjust your screen
• 3.3 Save and Launch
• Documentation

1. Summary

A search field allows the users to filter the displayed cards by the term that has been written in the field.

2. Result

The Search field is displayed on top of the card view as it is seen in the next image.

3. Step by Step Guide

3.1 Create a dataview toolbar in your own MenuStructure

1. Add new toolbarsection e.g. “Toolbars” (if nothing similar exists)
1. Add there a new toolbar myDataviewToolbar
2. Add new Item DataViewSearch with existing Related function = filterSearch

2. If you want to adjust the filterSearch-function please create a copy of it and adjust the copy, not the original one.

3.2 Adjust your screen

1. Open your screen with the Dataview
1. Add SimpleSwattoolbar from Catalog to the SwatDataview panel
2. Adjust attributes of it:
1. Name = myDataViewToolbar
2. ToolBarKey = myDataviewToolbar

3. Select your SwatDataview in your screen and adjust attributes:
1. Filterfields = yoursearchfield1,field2,field3 (lower case; available fields are all related to the DSO)
4. Go to tab "FlowDesigner"
1. Set link of type "Navigation" between Toolbar and Dataview controll

3.3 Save and Launch

1. Save and make a hard reload.
2. Launch your screen.

Documentation

To find more information, you can check the following documentation.

Card View

Back to Use Cases

Back to Build.One Help-Center Home