Skuid Docs
    Skuid Docs
  • Concepts
  • Reference
  • Site Administration
  • Tutorials
  • Release Notes
v11.2.0
https://docs.skuid.com/v11.2.0//en/
False
  • Concepts
    • Data
      • Authentication and Skuid
      • Callback URLs/Redirect URIs
      • Box
      • DocuSign
        • How to Add a Signer with a Custom Email in DocuSign
      • Google
        • Google Calendar
        • Google Drive
      • Marketo
      • Microsoft
        • Dynamics
        • Excel
        • OneDrive
        • Outlook
        • Sharepoint
      • Salesforce
      • SAP
      • Slack
      • REST
        • REST API Use Case: Create, update and delete records from Oracle
      • OData
        • Create, update, and delete records from SQL Server
      • Troubleshooting
    • Build
      • The App Composer
      • Pages
        • Create a Custom Header and Footer
        • Master and Child Pages
        • Page Versions
        • Use Page Templates to Compose Pages
        • Modules
        • <no title>
        • Optimize Personalization and Caching
      • Models
        • <no title>
        • Model Actions
        • Child Relationships
        • Aggregate Models
          • Aggregate Model Use Case
        • Using Fields
          • Lookup Fields
          • UI-Only Fields and Models
            • UI-Only Field Use Cases
          • Field Metadata Overrides
      • Components
        • Layout
          • Button Set
            • Create a Show/Hide Toggle Button
          • Navigation
          • Responsive Grid
          • Search
          • Tab Set
          • Wizard
            • Create a New Account Wizard
          • Wrapper
        • Data
          • Calendar
          • Deck
          • Field Editor
          • File Upload
          • Filter Set
            • Use Reference Filters with Conditions
          • Image
            • Add a Record-Sensitive Image
          • Page Title
          • Queue
          • Rich Text
          • Table
            • Add Drawers to a Table
            • Add Photo View to a Table
          • Template
        • Advanced
          • Chatter Feed
          • Page Include
        • Visualizations
          • Before You Chart
          • Chart
          • Geochart
          • Enhancing Charts with Actions
        • Component Accessories
          • Feedback
          • Popups
            • Use a Popup to Create New Records
          • Sliding Panels
        • Field Rendering Options
        • Conditional Rendering of Components
        • Manage and Upload Component Packs
      • Best Practices
        • Upgrading Skuid on Salesforce
        • Page Performance Guide
        • Skuid and Salesforce Lightning Performance Tips
        • One Save Button Per Page
        • Styling Best Practices
      • Debugging Skuid in the Console
      • Logic
        • Filters
          • Create a Date-Range Table Filter
          • Multi-select Filters with Automatically Created Conditions
          • Filter by Related Objects
          • Filter a table from a list of options
          • Use a Snippet as a Filter Item Source to create “Dependent Filters”
          • <no title>
          • Make a Toggle Filter from a Subquery Condition
        • Action Framework
          • Actions Reference
            • Visual Navigation
            • Logic Actions
            • Model Conditions / Querying Actions
            • Model Data Changes Actions
            • Data Source Specific Actions
            • Advanced and Additional Actions
          • Action Sequences
            • Inputs How-To: Activate and Set a Condition and Requery Model
        • Merge Syntax
          • Global Merge Variables / Functions
          • Data source Merge API Reference
    • Style
      • Themes
        • Theme Composer
        • Custom Fonts
        • Skuid Default Themes
      • Including Custom CSS in a Skuid Page
      • Label Localization
    • Deploy
      • Salesforce Lightning
      • Salesforce Classic
        • skuid:page Visualforce component
        • Salesforce Dashboards
        • Force.com Sites
      • Page Assignments
      • Salesforce Communities
      • Sandboxes and Connected Orgs
      • License and Permission Assignments
      • ISV and Managed Packages
    • Extend
      • Skuid Developer Resources
        • Skuid and JavaScript
          • Using Snippets with Skuid
            • Table Component: Custom Views
            • Table Component: Custom Field Renderers
            • Table Component: Custom Global Actions
            • Table Component: Custom Mass Actions
            • Table Component: Custom Row Actions
            • Page Title Component: Custom Button Actions
            • Queue Component: Custom Item Renderers
            • Wizard Component: Custom Button Actions
        • Skuid and Apex
          • Apex Triggers
          • Invocable Methods and the Apex Data Source Action
          • Remote Actions
          • Access Apex as a REST data source
          • Access Web Services using the AJAX Toolkit
        • Create a Skuid Custom Component
          • Component Property Reference
          • Build Component Packs
        • Dynamic Creation of Models and Components
        • Including Custom CSS in a Skuid Page
        • Page XML API
        • Event Handling Between Custom Lightning Components and Skuid
        • Skuid and Analytics
      • Skuid and JavaScript
        • Using Snippets with Skuid
          • Table Component: Custom Views
          • Table Component: Custom Field Renderers
          • Table Component: Custom Global Actions
          • Table Component: Custom Mass Actions
          • Table Component: Custom Row Actions
          • Page Title Component: Custom Button Actions
          • Queue Component: Custom Item Renderers
          • Wizard Component: Custom Button Actions
      • Skuid and Apex
        • Apex Triggers
        • Invocable Methods and the Apex Data Source Action
        • Remote Actions
        • Access Apex as a REST data source
        • Access Web Services using the AJAX Toolkit
      • Create a Skuid Custom Component
        • Component Property Reference
        • Build Component Packs
      • Dynamic Creation of Models and Components
      • CI/CD with Skuid
      • Event Handling Between Custom Lightning Components and Skuid
      • Automated Testing
        • Example Automated Test with Node.js, Selenium, and Jasmine
  • Reference
    • API Reference
      • skuid.$
      • skuid.actions
      • skuid.ajax
      • skuid.builder.core
      • skuid.builder.core.coreProps
      • skuid.calendar
      • skuid.collaboration
      • skuid.component
      • skuid.componentType
      • skuid.events
      • skuid.formula
      • skuid.hotkeys
      • skuid.label
      • skuid.load
      • skuid.model
      • skuid.model.Model
      • skuid.mustache
      • skuid.page
      • skuid.sfdc
      • skuid.snippet
      • skuid.time
      • skuid.ui
      • skuid.utils
      • skuid.version
      • Component-Specific APIs
      • Skuid Model Metadata Object
      • Skuid Model Child Relationship Metadata Object
      • Skuid Model Condition Metadata Object
      • Skuid Model Field Metadata Object
      • Skuid Model Record Type Metadata Object
    • Page XML API
    • skuid-sfdx
    • Skuid Metadata Object Reference
      • Authentication providers
      • Data sources
      • Design Systems
      • Files
      • Pages
      • Profiles
      • Sites
      • Themes
    • Skuid Glossary
    • Formula and Function Reference
    • Open Source Software Attributions
  • Site Administration
    • Install and Upgrade Skuid on Salesforce
      • Upgrading Skuid on Salesforce
    • Deprecated in Skuid
    • Offline Mode
    • Supported Browsers
    • Keyboard Shortcuts and Accessibility
    • Voluntary Product Accessibility Template
  • Tutorials
    • Skuid Page Tutorials
      • Add Related Lists with the Table Component
      • Build an Activities Related List Tab
      • Build a Custom “Create New Record” Page
      • Build a Custom Detail Page
      • Build a Custom List Page
      • Compose a Branded Header and Navigation
      • Compose a One-Page App Using Tab Actions and Conditional Rendering
      • Conditionally Display Fields
      • Create a Custom Clone Page
      • Create a Custom “Clone Account” page
      • Highlight Critical Data: Wrappers, Rich Text, and Ui-Only Fields
      • Mass Create Records
      • Show Products in an Opportunity Page
      • Skuid Pages for standard Salesforce CRM
    • Salesforce Tutorials
      • Add Product Line Items to Opportunities with a Popup
      • Add Gmail to Salesforce functionality in your email fields
      • Create a Custom Edit Page and Set Visualforce Overrides
      • Getting Help: Grant Skuid Login Rights to your Org
      • Reclaim the Salesforce Home Page
      • Redirect to Salesforce Processes
      • Skuid for Sales: A Turn-Key Template to Augment Lightning Sales Cloud
    • JavaScript Tutorials
      • Progress Indicator Component
      • Simple Map Component
      • Use a Snippet as a Filter Item Source to create “Dependent Filters”
      • Use Inline Javascript to Create a Slider Field Renderer
  • Legal terms and conditions
  • Skuid for Salesforce Evaluation Guide
    • Overview​
      • What Is Skuid?
      • What are the benefits of Skuid?
      • How does Skuid maximize my Salesforce investment?
      • When is Skuid a good fit?
      • When is Skuid not a good fit?
      • Who uses Skuid?
      • What do customers say about us?
      • What steps does Skuid take to ensure compatibility with future Salesforce releases?
    • Developing Apps with Skuid​
      • The Scalable Kit for User Interface Design (Skuid)
        • Models
        • UI components
        • The Action Framework
        • Display Logic
        • Event System
        • Design System Studio
        • Code Extension
      • The Salesforce Ecosystem​
        • Does Skuid work with Lightning?
        • Does Skuid work with Salesforce Communities?
        • Is Skuid compatible with other AppExchange apps?
        • What Salesforce products and services does Skuid support?
      • Mobile
    • App Lifecycle Management​
      • Can I build with Skuid in different production environments?
      • Can my entire team develop with Skuid?
      • How does Skuid fit into my company’s CI/CD practices?
      • Analytics​
        • Does Skuid work with my third-party analytics software?
        • Does Skuid work with Einstein Analytics?
        • Build your own analytics tracker with Skuid
    • Architecture​
      • Skuid on Salesforce Architecture
        • How does Skuid work?
        • How does Skuid get data and does Skuid consume API calls?
        • Is Skuid limited to one sObject or Record Type per page?
        • Does my Salesforce application have to be built completely from Skuid?
        • How does Skuid work with Salesforce Process automation and validation?
      • Lightning​
        • How do Skuid pages work in Lightning?
        • Where else in Lightning can I use Skuid?
        • Can I use Lightning components in Skuid pages?
      • Salesforce Classic​
        • How do Skuid pages work in Salesforce Classic?
        • Where else in Classic can I use Skuid?
        • What happens if I need to migrate to Lightning after building with Skuid in Classic?
    • Data​
      • Skuid and the Salesforce data model
      • Can Skuid Access…​
        • Objects?
        • Object Relationships?
        • Salesforce field types?
        • Custom settings?
        • Custom metadata?
        • Big Objects?
        • External Objects?
        • Other Salesforce Orgs?
    • Security​
      • Does Skuid store my Salesforce or third-party data?
      • How does Skuid work with Salesforce permission sets, sharing rules, field-level security, and profiles?
      • Does Skuid override Salesforce validation rules and error messages?
      • What security certifications does Skuid have?
    • Performance​
      • Does Skuid have data limits?
      • How can Skuid builders optimize for page performance?
  • Filter by Related Objects
    • Parent and child objects
    • Case Study: filter records by related child objects
      • Create the primary model
      • Create a condition on the primary model
      • Create a model on the related object
      • Create the table
      • Make the filters
        • Not seeing all the options you expected for a displayed field?
    • Creating filter labels when working with sub-conditions

In This Section

  • Concepts
    • Data
      • Authentication and Skuid
      • Callback URLs/Redirect URIs
      • Box
      • DocuSign
        • How to Add a Signer with a Custom Email in DocuSign
      • Google
        • Google Calendar
        • Google Drive
      • Marketo
      • Microsoft
        • Dynamics
        • Excel
        • OneDrive
        • Outlook
        • Sharepoint
      • Salesforce
      • SAP
      • Slack
      • REST
        • REST API Use Case: Create, update and delete records from Oracle
      • OData
        • Create, update, and delete records from SQL Server
      • Troubleshooting
    • Build
      • The App Composer
      • Pages
        • Create a Custom Header and Footer
        • Master and Child Pages
        • Page Versions
        • Use Page Templates to Compose Pages
        • Modules
        • <no title>
        • Optimize Personalization and Caching
      • Models
        • <no title>
        • Model Actions
        • Child Relationships
        • Aggregate Models
          • Aggregate Model Use Case
        • Using Fields
          • Lookup Fields
          • UI-Only Fields and Models
            • UI-Only Field Use Cases
          • Field Metadata Overrides
      • Components
        • Layout
          • Button Set
            • Create a Show/Hide Toggle Button
          • Navigation
          • Responsive Grid
          • Search
          • Tab Set
          • Wizard
            • Create a New Account Wizard
          • Wrapper
        • Data
          • Calendar
          • Deck
          • Field Editor
          • File Upload
          • Filter Set
            • Use Reference Filters with Conditions
          • Image
            • Add a Record-Sensitive Image
          • Page Title
          • Queue
          • Rich Text
          • Table
            • Add Drawers to a Table
            • Add Photo View to a Table
          • Template
        • Advanced
          • Chatter Feed
          • Page Include
        • Visualizations
          • Before You Chart
          • Chart
          • Geochart
          • Enhancing Charts with Actions
        • Component Accessories
          • Feedback
          • Popups
            • Use a Popup to Create New Records
          • Sliding Panels
        • Field Rendering Options
        • Conditional Rendering of Components
        • Manage and Upload Component Packs
      • Best Practices
        • Upgrading Skuid on Salesforce
        • Page Performance Guide
        • Skuid and Salesforce Lightning Performance Tips
        • One Save Button Per Page
        • Styling Best Practices
      • Debugging Skuid in the Console
      • Logic
        • Filters
          • Create a Date-Range Table Filter
          • Multi-select Filters with Automatically Created Conditions
          • Filter by Related Objects
          • Filter a table from a list of options
          • Use a Snippet as a Filter Item Source to create “Dependent Filters”
          • <no title>
          • Make a Toggle Filter from a Subquery Condition
        • Action Framework
          • Actions Reference
            • Visual Navigation
            • Logic Actions
            • Model Conditions / Querying Actions
            • Model Data Changes Actions
            • Data Source Specific Actions
            • Advanced and Additional Actions
          • Action Sequences
            • Inputs How-To: Activate and Set a Condition and Requery Model
        • Merge Syntax
          • Global Merge Variables / Functions
          • Data source Merge API Reference
    • Style
      • Themes
        • Theme Composer
        • Custom Fonts
        • Skuid Default Themes
      • Including Custom CSS in a Skuid Page
      • Label Localization
    • Deploy
      • Salesforce Lightning
      • Salesforce Classic
        • skuid:page Visualforce component
        • Salesforce Dashboards
        • Force.com Sites
      • Page Assignments
      • Salesforce Communities
      • Sandboxes and Connected Orgs
      • License and Permission Assignments
      • ISV and Managed Packages
    • Extend
      • Skuid Developer Resources
        • Skuid and JavaScript
          • Using Snippets with Skuid
            • Table Component: Custom Views
            • Table Component: Custom Field Renderers
            • Table Component: Custom Global Actions
            • Table Component: Custom Mass Actions
            • Table Component: Custom Row Actions
            • Page Title Component: Custom Button Actions
            • Queue Component: Custom Item Renderers
            • Wizard Component: Custom Button Actions
        • Skuid and Apex
          • Apex Triggers
          • Invocable Methods and the Apex Data Source Action
          • Remote Actions
          • Access Apex as a REST data source
          • Access Web Services using the AJAX Toolkit
        • Create a Skuid Custom Component
          • Component Property Reference
          • Build Component Packs
        • Dynamic Creation of Models and Components
        • Including Custom CSS in a Skuid Page
        • Page XML API
        • Event Handling Between Custom Lightning Components and Skuid
        • Skuid and Analytics
      • Skuid and JavaScript
        • Using Snippets with Skuid
          • Table Component: Custom Views
          • Table Component: Custom Field Renderers
          • Table Component: Custom Global Actions
          • Table Component: Custom Mass Actions
          • Table Component: Custom Row Actions
          • Page Title Component: Custom Button Actions
          • Queue Component: Custom Item Renderers
          • Wizard Component: Custom Button Actions
      • Skuid and Apex
        • Apex Triggers
        • Invocable Methods and the Apex Data Source Action
        • Remote Actions
        • Access Apex as a REST data source
        • Access Web Services using the AJAX Toolkit
      • Create a Skuid Custom Component
        • Component Property Reference
        • Build Component Packs
      • Dynamic Creation of Models and Components
      • CI/CD with Skuid
      • Event Handling Between Custom Lightning Components and Skuid
      • Automated Testing
        • Example Automated Test with Node.js, Selenium, and Jasmine
  • Reference
    • API Reference
      • skuid.$
      • skuid.actions
      • skuid.ajax
      • skuid.builder.core
      • skuid.builder.core.coreProps
      • skuid.calendar
      • skuid.collaboration
      • skuid.component
      • skuid.componentType
      • skuid.events
      • skuid.formula
      • skuid.hotkeys
      • skuid.label
      • skuid.load
      • skuid.model
      • skuid.model.Model
      • skuid.mustache
      • skuid.page
      • skuid.sfdc
      • skuid.snippet
      • skuid.time
      • skuid.ui
      • skuid.utils
      • skuid.version
      • Component-Specific APIs
      • Skuid Model Metadata Object
      • Skuid Model Child Relationship Metadata Object
      • Skuid Model Condition Metadata Object
      • Skuid Model Field Metadata Object
      • Skuid Model Record Type Metadata Object
    • Page XML API
    • skuid-sfdx
    • Skuid Metadata Object Reference
      • Authentication providers
      • Data sources
      • Design Systems
      • Files
      • Pages
      • Profiles
      • Sites
      • Themes
    • Skuid Glossary
    • Formula and Function Reference
    • Open Source Software Attributions
  • Site Administration
    • Install and Upgrade Skuid on Salesforce
      • Upgrading Skuid on Salesforce
    • Deprecated in Skuid
    • Offline Mode
    • Supported Browsers
    • Keyboard Shortcuts and Accessibility
    • Voluntary Product Accessibility Template
  • Tutorials
    • Skuid Page Tutorials
      • Add Related Lists with the Table Component
      • Build an Activities Related List Tab
      • Build a Custom “Create New Record” Page
      • Build a Custom Detail Page
      • Build a Custom List Page
      • Compose a Branded Header and Navigation
      • Compose a One-Page App Using Tab Actions and Conditional Rendering
      • Conditionally Display Fields
      • Create a Custom Clone Page
      • Create a Custom “Clone Account” page
      • Highlight Critical Data: Wrappers, Rich Text, and Ui-Only Fields
      • Mass Create Records
      • Show Products in an Opportunity Page
      • Skuid Pages for standard Salesforce CRM
    • Salesforce Tutorials
      • Add Product Line Items to Opportunities with a Popup
      • Add Gmail to Salesforce functionality in your email fields
      • Create a Custom Edit Page and Set Visualforce Overrides
      • Getting Help: Grant Skuid Login Rights to your Org
      • Reclaim the Salesforce Home Page
      • Redirect to Salesforce Processes
      • Skuid for Sales: A Turn-Key Template to Augment Lightning Sales Cloud
    • JavaScript Tutorials
      • Progress Indicator Component
      • Simple Map Component
      • Use a Snippet as a Filter Item Source to create “Dependent Filters”
      • Use Inline Javascript to Create a Slider Field Renderer
  • Legal terms and conditions
  • Skuid for Salesforce Evaluation Guide
    • Overview​
      • What Is Skuid?
      • What are the benefits of Skuid?
      • How does Skuid maximize my Salesforce investment?
      • When is Skuid a good fit?
      • When is Skuid not a good fit?
      • Who uses Skuid?
      • What do customers say about us?
      • What steps does Skuid take to ensure compatibility with future Salesforce releases?
    • Developing Apps with Skuid​
      • The Scalable Kit for User Interface Design (Skuid)
        • Models
        • UI components
        • The Action Framework
        • Display Logic
        • Event System
        • Design System Studio
        • Code Extension
      • The Salesforce Ecosystem​
        • Does Skuid work with Lightning?
        • Does Skuid work with Salesforce Communities?
        • Is Skuid compatible with other AppExchange apps?
        • What Salesforce products and services does Skuid support?
      • Mobile
    • App Lifecycle Management​
      • Can I build with Skuid in different production environments?
      • Can my entire team develop with Skuid?
      • How does Skuid fit into my company’s CI/CD practices?
      • Analytics​
        • Does Skuid work with my third-party analytics software?
        • Does Skuid work with Einstein Analytics?
        • Build your own analytics tracker with Skuid
    • Architecture​
      • Skuid on Salesforce Architecture
        • How does Skuid work?
        • How does Skuid get data and does Skuid consume API calls?
        • Is Skuid limited to one sObject or Record Type per page?
        • Does my Salesforce application have to be built completely from Skuid?
        • How does Skuid work with Salesforce Process automation and validation?
      • Lightning​
        • How do Skuid pages work in Lightning?
        • Where else in Lightning can I use Skuid?
        • Can I use Lightning components in Skuid pages?
      • Salesforce Classic​
        • How do Skuid pages work in Salesforce Classic?
        • Where else in Classic can I use Skuid?
        • What happens if I need to migrate to Lightning after building with Skuid in Classic?
    • Data​
      • Skuid and the Salesforce data model
      • Can Skuid Access…​
        • Objects?
        • Object Relationships?
        • Salesforce field types?
        • Custom settings?
        • Custom metadata?
        • Big Objects?
        • External Objects?
        • Other Salesforce Orgs?
    • Security​
      • Does Skuid store my Salesforce or third-party data?
      • How does Skuid work with Salesforce permission sets, sharing rules, field-level security, and profiles?
      • Does Skuid override Salesforce validation rules and error messages?
      • What security certifications does Skuid have?
    • Performance​
      • Does Skuid have data limits?
      • How can Skuid builders optimize for page performance?

In This Topic

  • Filter by Related Objects
    • Parent and child objects
    • Case Study: filter records by related child objects
      • Create the primary model
      • Create a condition on the primary model
      • Create a model on the related object
      • Create the table
      • Make the filters
        • Not seeing all the options you expected for a displayed field?
    • Creating filter labels when working with sub-conditions

Filter by Related Objects¶

A Skuid model pulls in data from one primary data object located in one data source. Most filters work on the data fields that are directly pulled from the object. But it’s also possible to filter on data from parent or child objects that are included in the model.

For example, a Salesforce Case object is associated with the Salesforce Accounts object, because any Case would stem from an active account.

Similarly, the Account object is associated with the Contacts and Opportunities objects: the company surfaced as an opportunity; contacts were logged and deals negotiated; upon signing a deal, the lead converted to an account. So all three objects are linked by common data.

Parent and child objects¶

In many databases, objects/entities can have relationships, sometimes referred to as master-detail relationships (Salesforce) or, in Skuid, parent-child relationships.

Filtering on a related parent object can generally be done using automatic filters. Filtering on a related child object, however, calls for a slightly different strategy. The following case study walks through an example using standard Salesforce objects, but the principles can be extended to other Salesforce objects, or other data sources and their entities.

Case Study: filter records by related child objects¶

In this example, we’ll use a Salesforce Account object, and filter it by a contact’s state. (Contacts is a child object to Accounts.) We’ll use two models: one on the Account object and a second one (on the Contact object); this latter model is only used to snag the list of states where contacts live.

We’ll also use a condition on the Account model to limit displayed data to accounts that actually have contacts, plus a sub-condition on that condition, which further filters results to contacts who have a mailing state indicated.

Remember: These are just examples. This workflow can be used to create a filter on any standard (or custom) object by a related object.

Filtering by related child objects can be tricky: in this case study, the primary object uses a subquery condition on the primary object and a sub-condition on the related child object to filter the data.

Create the primary model¶

  1. Create a new list page on the primary object (in this example, the Account object).

    • Add fields to the primary model.
    • Add a child relationship field for Contacts:
      • In Fields, click the Child Relationship tab.
      • Click Contacts.

    Note

    You don’t need to display this field. However, if you want to test that the filter is working correctly, temporarily display the field to assess the filter.

  2. Under the model’s Fields list, click the Contacts field to open the list of fields associated with the Contacts child object.

    • Select Name and MailingState.
  3. Add the Contacts field to the table.

  4. Click on the field, and edit:

    • Template: Click the field picker, and add the Name and Mailing State fields.

    Note

    To increase readability, separate these with a comma.

    • Delimeter: Type in <br>. If you have more than one contact for the account, this will place each on a separate line, making them more readable.
  5. Click Save.

Create a condition on the primary model¶

  1. In the model, click Conditions.
  2. Click fa-plus-circle Add Condition to add a condition that will limit returned records to those that have contacts. Edit:
    • Field: Select the ID field (i.e. AccountId), not the Name field, for the object.
    • Value:
      • Content: Result of a Subquery.
      • Join Object: The related object (for this example, we’re using Contact)
      • Join Field: The relationship field selected in “Field” (above), in this case, AccountId.
    • State:
      • Condition State: Filterable Default Off.
      • Condition name: Give the condition a helpful name.
  3. Click on the condition just created, then click fa-plus-circle Add a Sub-Condition to further limit above condition.
  4. Click the sub-condition, and make the following edits:
    • Field: Select a geographical string field, such as mailing state, billing state, company state, etc. (For this example, use Mailing State)
    • State:
      • Condition State: Filterable default off.
      • Condition name: Give the condition a helpful name.

Create a model on the related object¶

  1. Click fa-plus-circle Add Models:
    • Name: Something helpful like “ContactStates”
    • Model Data Source Type: Salesforce
    • Data Source: Your Salesforce data source
    • Object Name: The related object, in our this case: Contact
    • Model Behavior: Aggregate
    • Max # of records (Limit): Make blank
  2. Click on Groupings, and edit:
    • Grouping Method: Simple
    • Grouping field: Select the same geographical string field used in Step 4 of Create a condition on the primary model (i.e. mailing state).
  3. Click Save.

Create the table¶

  1. Drag and drop a table into the Skuid page.
  2. Add the desired fields to the table.

Make the filters¶

Time to create the filter.

  1. Drag and drop a Filter Set into the page and click Add Filter.

Note

You can also add a filter to the table itself by clicking on the table, then clicking Add Features and selecting Add Table Filter.

  1. Set Model for the Filter Set to the primary model (i.e. Account).
  2. Click the Filter button, and edit:
    • Filter Type: Select Option
    • Pick Options and Conditions: Manually.
    • Model Condition to Affect: Choose the sub-condition created in Create a condition on the primary model, Steps 3-4.
    • Create “None Selected” Option: Uncheck.
  3. Click Add Source and edit:
    • Source Type: Rows in a Model. The options for this filter will come from the related object model.
    • Merge Source: Select the model with the related account (in our case, we’ll use ContactState).
    • Option Label Template: This defaults to {{{Name}}}. Delete that, and select the state field from the picklist: {{mailingState}}.
    • Which Conditions will this Source’s Options affect? Default condition and others.
    • Value to Inject into the Default Condition: This defaults to {{Id}}. Delete that, and select the state field from the picklist: {{mailingState}}.
  4. Click Add Effect and edit:
    • Action: Activate
    • Model Condition: Choose the condition created in Create a condition on the primary model, Steps 1-2.
  5. Click Save, then click Preview.

The table displays accounts only the accounts that have contacts (the condition on the primary model); from that list, the filter selects those displayed accounts that have at least one contact with a mailing address in the selected state.

Not seeing all the options you expected for a displayed field?¶

  1. Navigate to Model > Fields, and click the field.
  2. Click the property tab.
    • Max # of Records to display: This defaults to 10, but if you have many associated records, it may be useful to increase this number. In the example used to filter on a related child object, there might be quite a number of Contacts associated with a single Account, especially if that account is a large company. Unless this field is revised, Skuid will only display 10 of those contacts.

Creating filter labels when working with sub-conditions¶

The easiest way to label a filter is by checking Create “None Selected” Option in the Filter Properties, then filling in the “None Selected” Option Text with a short label.

However, when working with conditions and sub-conditions, this strategy doesn’t always work. Instead, try this:

  1. Click the filter, and in the filter properties, click Add Source and edit:
    • Source Type: Manual.
  2. Click Add Option and edit:
    • What Condition will this option affect?: Affect Other Condition(s)
    • Label: Create a label to go on the filter.
  3. Click Add Effect and edit:
    • Action: De-Activate
    • Model Condition: Choose the model condition to deactivate.
  4. Perform the actions in Step 2 for all conditions on the model.

Once all conditions are deactivated, the Option created in Step 2 will activate.

  1. Move the Source just created to the top of the actions list, just under the filter name.
  2. Click Save and Preview.

Back to top

Last updated on Aug 31, 2022.

Documentation

  • Concepts
  • Reference
  • Site Administration
  • Tutorials
  • Release Notes

Resources

  • Skuid Skool
  • Community
  • Support
  • Contact
  • Skuid
Start building for free

© 2022 Skuid, Inc.

Terms of Use | Privacy Policy | Legal Terms and Conditions