Hiding section of search form

[mdupras]

Hello --

I have a search form in which I want to offer two or three basic ways to search and then a long list of other more detailed search options. I'd like to hide the second part of the search form unless the user toggles it on. I know how to hide a single field with JavaScript, but is there an easy way to hide an entire group of several fields?

Thanks!

-- Mike

[GoodBoy]

10 hours ago, al3sha said:

It's a shame they appear to have taken it down.

Hi al3sha!

It seems that this page is no longer unavailable. However, I've found a tutorial video with the similar topic with that. I hope this helps!

 

[bahar_vm]

Hello Mike,

Define a function and make all fields hidden within the Java Script function, call this function on page load so every time page loads in browser the function hides all the fields. Then write another function to display all fields and call this function on click of the Advanced Search button.

Best,

Bahar M.

[mdupras]

Thank you. I've done this on input forms but not on search forms. I'm struggling to figure out how to define the fields. Right now, I've created a virtual checkbox and am trying to use it to disable just one field on the search form, for testing, but so far it's not working. Here's my code:

<SCRIPT LANGUAGE="JavaScript">
function hideBar() {
if (document.getElementById("cbParamVirtual1").checked)
{
document.getElementById("EditRecorddine_alcohol").disabled = true,
document.getElementById('caspioform').EditRecorddine_alcohol.value = "";
}
}
onload = hideBar;
document.getElementById("cbParamVirtual1").onclick = hideBar;
</SCRIPT>

My guess is that I'm missing something simple here -- can you help?

Thanks!

-- Mike

[mdupras]

Also, I should clarify -- I don't want to just hide the input fields, but all the associated labels, etc., as well.

-- Mike

[AtayBalunbalunan]

Caspio Online Help Center has a tech tip for creating collapsible sections. This can be a workaround: https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/tech-tip-creating-collapsible-sections/

[al3sha]

On 6/19/2019 at 12:58 PM, AtayBalunbalunan said:

Caspio Online Help Center has a tech tip for creating collapsible sections. This can be a workaround: https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/tech-tip-creating-collapsible-sections/

It's a shame they appear to have taken it down.

[al3sha]

@goodboy Thanks!!