Result Display Configuration

Control how search results appear to users by configuring result fields, layouts, and styling.

Quick Workflow

  1. Create result fields
    Search Configuration > Manage Result Fields
  2. Configure field display (template syntax, filters)
    → See Template Syntax Reference below
  3. Arrange fields in cards (layout, ordering)
    → Edit Result Card Configuration
  4. Preview results
    Test Page

Common Tasks

Add a result field:

  1. Go to your Search Configuration
  2. Click Manage Result Fields
  3. Click Create New Result Field
  4. Set field label and map to data field
  5. Apply filters for formatting (see below)

Format a field with filters:

  1. In the result field configuration, use template syntax
  2. Example: {title|upper|truncate:length=100}
  3. Chain multiple filters together
  4. Preview on Test Page

Tip: Start with basic fields, then add filters to enhance formatting. Use the Test Page to see changes immediately.

Template Syntax Reference

Use this syntax in result field configurations to format data.

Template Variables

Variables are written in curly brackets: {variable_name}
For nested data use dots: {object.nested.value}
For arrays use index: {list.0.item}

Universal Parameters

These parameters work with all filters:
default: {missing_key|filter:default=fallback_value}
subfield: {list_of_objects|filter:subfield=nested.field}
limit: {long_list|filter:limit=10}

Available Filters
Text Filters

String manipulation: {text|upper}, {text|lower}, {text|title}, {text|capitalize}
Text truncation: {long_text|truncate:length=200,expandable=true,expand_text=Read more}
Default values: {missing_value|default:value=Not available}

Visual Filters

Badges: {status|badge:color=primary}, {status|pill:color=success}
Images: {image_url|img:width=200,height=150,alt=Description}
Images with placeholders: {image_id|img:url="https://example.com/[image_id].jpg",default=No image}

Interactive Filters

Links: {url|linkify:text=Click here}
Links with placeholders: {record_id|linkify:url="https://example.com/[record_id]",text=View details}
Maps: {coordinates|map:width=400px,height=300px,zoom=15}
Maps with groups: {object_subs|map:groups="Founded:12321:red,Work:12331:green"}
Embedded content: {embed_url|iframe:width=100%,height=400}

Data Filters

Booleans: {is_active|bool:Yes,No}
Dates: {date_field|date:format=%Y-%m-%d}
Numbers: {price|format:decimal_places=2}
Field templates: {field_name|fieldify}

Complex Examples

List with subfields: {author_list|badge:subfield=profile.name,limit=5}
Multiple parameters: {description|truncate:length=150,expandable=true,default=No description available}
Map with legend: {locations|map:width=600px,height=400px,groups="Founded:12321:red,Closed:12322:gray",legend=true}
Image fallback: {thumbnail_id|img:url="https://images.example.com/[thumbnail_id].jpg",width=150,default=No image available}

Parameter Syntax

Parameters are separated by commas: {value|filter:param1=value1,param2=value2}
Use quotes for complex values: {data|filter:groups="Group1:key1:red,Group2:key2:blue"}
Chain filters: {text|upper|badge:color=primary}