Refine A Search Function

Some interesting code you have here ?!? Super hard to understand. Can you post some simplified example?

When I am stuck with such an issue, I try to simplify my code and validate each part of it, before reassembling it.

Next time, please use this.

a!localVariables(
  local!search: false,
  local!searchTerm,  
  local!searchData: rule!JT_CONS_CASE_STUDIES(),  
  {
    a!sectionLayout(
      label: "",
      contents: {
        rule!JT_uiCaseStudyDashboard(numberOfColumns: 3)
      },
      showWhen: local!search,
      isCollapsible: true
    ),
    a!sideBySideLayout(
      items: {
        a!sideBySideItem(
          item: a!textField(
            labelPosition: "COLLAPSED",
            placeholder: "Search Use Cases",
            value: local!searchTerm,
            saveInto: local!searchTerm,
          )
        ),
        a!sideBySideItem(
          item: a!buttonArrayLayout(
            buttons: {
              a!buttonWidget(
                icon: "search",
                /* The save here would use local!searchTerm to perform the search */
                saveInto: a!save(local!search, local!searchData.reportingCompany.name),
                size: "SMALL",
                style: "NORMAL",
                accessibilityText: "Search"
              )
            },
            marginBelow: "NONE"
          ),
          width: "MINIMIZE"
        )
      },
      alignVertical: "MIDDLE",
      spacing: "DENSE"
    )
  }
)

a!localVariables(
  local!search: false,
  local!searchTerm,  
  local!searchData: rule!JT_CONS_CASE_STUDIES(),  
  {
    a!sectionLayout(
      label: "",
      contents: {
        rule!JT_uiCaseStudyDashboard(numberOfColumns: 3)
      },
      showWhen: local!search,
      isCollapsible: true
    ),
    a!sideBySideLayout(
      items: {
        a!sideBySideItem(
          item: a!textField(
            labelPosition: "COLLAPSED",
            placeholder: "Search Use Cases",
            value: local!searchTerm,
            saveInto: local!searchTerm,
          )
        ),
        a!sideBySideItem(
          item: a!buttonArrayLayout(
            buttons: {
              a!buttonWidget(
                icon: "search",
                /* The save here would use local!searchTerm to perform the search */
                saveInto: a!save(local!search, local!searchData.reportingCompany.name),
                size: "SMALL",
                style: "NORMAL",
                accessibilityText: "Search"
              )
            },
            marginBelow: "NONE"
          ),
          width: "MINIMIZE"
        )
      },
      alignVertical: "MIDDLE",
      spacing: "DENSE"
    )
  }
)

I do not understand how this code does any search.

I found the following recipe which you might want to use for inspiration: docs.appian.com/.../recipe-searching-on-multiple-fields.html

I'm struggling to get my search to work. I need it to, once I type a word in the textField, it should return a case study ( rule!JT_CONS_CASE_STUDIES ). Now, I have all the data and it captures the names and saves it into the local variable ( local!searchData ). But that's that...

So I need help to just return the correct case study that's captured in the local variable. For example, if I search for Kone : 

It should return this :

Then the user has the ability to click on the card and then read more about the specific case study.

Thank you for the recipe, but I'd like it to not be displayed in a grid. What am I doing wrong in my code provided?

I suggest to work with that recipe and understand all the details of how it works. Then adapt it to your needs.