Search Button on Mobile Responsive

[DrSimi]

Hi, 

I wanted to share a solution I found after finding out that Caspio's default Responsive behavior for Mobile is to show a "Search" button on Mobile instead of the Search fields.

Sometimes, this is not great as the Search may just contain one simple field, so it just adds unnecessary clicks for the user.

<style>
section[class^="cbFormSection"][class*="cbSearchSpa"] div[class*="cbSearchButtonContainerM"] {
display: none !important;
}

section[class^="cbFormSection"][class*="cbSearchSpa"] div:has(select) {
display:block !important;
}
</style>  

Modify the div:has... piece in the selector to match any of your fields in the SEARCH form to avoid displaying something you don't want.
The code above matches a search form that has a dropdown (select) element on it.