Page Comparison

Create Filters in Tagboxes from Code Examples in Manual

Prerequisites:

• Field “Focus Theme”

  • ID: focusTheme

  • Connected List: Controlled Vocabulary

    • Field: Classification (controlledVocabulary.classification.name)

      • ID: classification

      • Connected List: Classification

        • Field: Name

        • ID: name

    • Field: State (controlledVocabulary.state.name)

      • ID: state

      • Connected List: State

        • Field: Name

        • ID: name

Goal:

• In a Tagbox "Focus Theme" we only want to show active values and concepts.

  • We need to have two criteria, which both must be met: AndFilter.

  • We need to check for a term in the field state: TermFilter.

  • We need to check for a term in the field classification: TermFilter.

Using documented query filters

1. Find the documented Query Filters

2. Find the required Query Filters

   1. AndFilter

   2. TermFilter

3. Copy and paste the code examples as you need them Picturepark will format the code for you on save.

4. Update missing fieldpath working with the suggestions shown when clicking on the underlined value. 

VIDEO: How to Create Filters in Tagboxes from Code Examples in Manual:

Create Filters in Tagboxes from Monaco Editor Intellisense

Prerequisites:

• Field “Focus Theme”

  • ID: focusTheme

  • Connected List: Controlled Vocabulary

    • Field: Classification (controlledVocabulary.classification.name)

      • ID: classification

      • Connected List: Classification

        • Field: Name

        • ID: name

    • Field: State (controlledVocabulary.state.name)

      • ID: state

      • Connected List: State

        • Field: Name

        • ID: name

Goal:

• In a Tagbox "Focus Theme" we only want to show active values and concepts.

  • We need to have two criteria, which both must be met: AndFilter.

  • We need to check for a term in the field state: TermFilter.

  • We need to check for a term in the field classification: TermFilter.

Using Monacco Editor Intellisense

The Monaco Editor offers some IntelliSense which is basically some coding help. Find some explanations for the Monaco Editor in the frameworks section. Especially helpful is: Ctrl + Space to get suggestions. 

1. Edit the Tagbox 

2. Find the "Item Filter" in the opened tab "General"

3. Click into the empty field

4. Press Ctrl + Space

5. Add the empty filter object: {}

6. Press Ctrl + Space

7. Choose kind to select your filter

8. "AndFilter" is by default added

9. Add a comma

10. Press Ctrl + Space

11. See the properties required for the AndFilter

12. Repeat steps 6 - 11 until you have your Query Filter. 

VIDEO: How to Create Filters in Tagboxes from Monaco Editor Intellisense: