Hide Calculated Fields

[Role21]

Hi!

I have a List DataPage and it has 3 Calculated Fields. I don't want to display the 2 Calculated Fields. Is it possible to hide that? How?

Thanks in advance!

[NailDyanC]

Hi, just to update this post and add to the previous comment above, you may also consider checking this article from Caspio on hiding fields: https://howto.caspio.com/tech-tips-and-articles/common-customizations/how-to-hide-fields-in-datapages/

[JolliBeng]

Hi Role21,

Yes, that is possible. 

1. Using the Insert button at the lower right-hand corner of the DataPage Elements panel and insert two HTML Blocks.

2. Move the fields you would like to be hidden between these two HTML Blocks.

3. Open a div in the first HTML Block and set its display style to none.

<div style="display:none">

4. Close the HTML table tag in the following HTML block.

</div>

 

-JolliBeng

[TsiBiRu]

On 12/23/2018 at 3:31 PM, JolliBeng said:

Hi Role21,

Yes, that is possible. 

1. Using the Insert button at the lower right-hand corner of the DataPage Elements panel and insert two HTML Blocks.

2. Move the fields you would like to be hidden between these two HTML Blocks.

3. Open a div in the first HTML Block and set its display style to none.

<div style="display:none">

4. Close the HTML table tag in the following HTML block.

</div>

 

-JolliBeng

Hi @Role21,

You can use this solution, however, if you don't want or you can't enclose your calculated fields between two HTML blocks.

You can hide this using custom CSS code, to do that just to the following steps.

1. Go the the preview / deployed mode of your DataPage

2. Press F12 on your keyboard, then press Ctrl + Shift + C on your keyboard again. Then click on your calculated fields

3. Copy the ID of that field, and replaced text beside the '#' symbol in the code below. For example '#exampleID'

<style>
  #ID_of_Cal_field1 { display:noe }
  
   #ID_of_Cal_field2 { display:noe }
  
</style>

4.  Insert Header and Footer in your DataPage http://prntscr.com/m0c83k

5. Click on Header, then go to the advance tab, and ensure that this check box is unchecked http://prntscr.com/m0c8it

6. Go back to the Standard tab and copy and paste the code above with the ID of your fields. http://prntscr.com/m0c92y

 

I hope this helps.

- TsiBiRu

[Kurumi]

You could also try this instead: 

You can count the number of your columns and put it in the index to hide it. Hope it helps!

 

[Kurumi]