Jump to content
  • 0

Hide Search form


KAPITYAN
 Share

Question

How can I hide the Search Form section of a Tabular report, without hiding the Table report itself?


I tried this out in my own html file:

<style>
#caspioform {
display: none;
}
</style>


But it hides the whole datapage. I need to hide only the Search Form section. And I need to do it only in my .html file, not the datapage ( I mean I can't do this on the footer o header).

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

Hi,

There are two ways to achieve your workflow, first is by using standard option, just duplicate your DataPage then in the "Search and Report Wizard - Search Type" you may choose the "Filter data based on your pre-defined criteria" option so that you will not have a search form in your tabular report.

Make sure as well not to include fields in the search filtering once you choose that option. The second option is by using custom CSS to hide the Search form. You may try and check this code:

div[id^="cbOuterAjaxCtnr"]:nth-child(1) {
    display: none !important;
}

Link to comment
Share on other sites

  • 0

Hi @samscot,

The code actually worked for me as well.  Did you insert the CSS code inside the <style> tag in the Header on the 'Search and Report Wizard - Configure Search Fields' tab?

<style>
div[id^="cbOuterAjaxCtnr"]:nth-child(1) {
    display: none !important;
}
</style>

But actually, it is much easier to do this without coding, with the standard features of Caspio. As suggested above, in the "Search and Report Wizard - Search Type" you may choose the "Filter data based on your pre-defined criteria" option so that you will not have a search form in your tabular report.

Regards

Link to comment
Share on other sites

  • 0
On 9/12/2020 at 2:57 PM, KAPITYAN said:

How can I hide the Search Form section of a Tabular report, without hiding the Table report itself?


I tried this out in my own html file:

<style>
#caspioform {
display: none;
}
</style>


But it hides the whole datapage. I need to hide only the Search Form section. And I need to do it only in my .html file, not the datapage ( I mean I can't do this on the footer o header).

 

I also solved it with the following :

<style>
 
section[class^="cbFormSection"] {
displaynone !important;
}
 
</style>

in my html page. (the problem with this is that it also hides the form of the bulk edit window.

 

 

Link to comment
Share on other sites

  • 0
On 9/14/2020 at 1:46 PM, sandy159 said:

Hi @samscot,

The code actually worked for me as well.  Did you insert the CSS code inside the <style> tag in the Header on the 'Search and Report Wizard - Configure Search Fields' tab?


<style>
div[id^="cbOuterAjaxCtnr"]:nth-child(1) {
    display: none !important;
}
</style>

But actually, it is much easier to do this without coding, with the standard features of Caspio. As suggested above, in the "Search and Report Wizard - Search Type" you may choose the "Filter data based on your pre-defined criteria" option so that you will not have a search form in your tabular report.

Regards

Wow Sandy159! How did you made out this code?  Impressive. Does this mean it is possible to manipulate CASPIO css tags to override styling in each form at runtime? Does this make it possible to use Bootstrap like containers, rows and columns? Thank for any reply!

Best

Link to comment
Share on other sites

  • 0

Hi @KongenAvKjelsaas,

Yes, you may use CSS code to style Caspio Form Elements. Please check the following forum post for your reference: JS Guide: Caspio Form Elements.
Also, you can use native Caspio Styles and modify elements to your needs.

Unfortunately, it is not possible to use Bootstrap classes in your DataPage, because Caspio classes have higher priority. But you can definitely use Bootstrap to create your HTML pages for the site where you are going to embed Caspio DataPages.

Hope this helps!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...