Hide labels in Grid Edit??

[mrsuave]

How can I hide labels in Bulk edit screens?
I am trying to work on the formatting of this page. Hiding these labels would help me with that. This is what I want to hide on my Report DataPage. 

I'm open to any suggestion/workarounds.  

[RuisiHansamu]

Hey there, just wanted to share this simple trick that I used to do. 

Just simply follow these steps.

1.) Go to your DataPage configuration
2.) Then, locate the Search and Report Wizard - Configure Fields for Bulk Edit
3.) Select the fields that you want to hide > simply erase the Label name that is inside

(Please refer to the screenshot and this will be the actual result)

This helped me a lot and works perfectly fine on my DataPages. Cheers mate!  

[RunForrestRun]

Hello I think this link will be helpful: 

https://howto.caspio.com/datapages/reports/data-editing-options-in-reports/

[Kurumi]

Hi - Just an update, here is the other way to hide a column in Grid Edit - Tabular Report.

div.HeadCtnr > table > tbody > tr.Row[class*='cbResultSetGridTableHeader'] > td:nth-child(1), td[class*='cbResultSetGridDataCell']:nth-child(1){

    display:none !important;

}

Replace 1 with the position order of column to be hidden.

[Lepidoptera]

On 10/22/2022 at 7:30 AM, Meekeee said:

Hi - Just an update, here is the other way to hide a column in Grid Edit - Tabular Report.

div.HeadCtnr > table > tbody > tr.Row[class*='cbResultSetGridTableHeader'] > td:nth-child(1), td[class*='cbResultSetGridDataCell']:nth-child(1){

    display:none !important;

}

Replace 1 with the position order of column to be hidden.

Hi @Meekeee thanks for this but thought it is hidden. The column still takes up the spaces as blank. In my case it is on the end/last column.

[autonumber]

Hi! I had a similar use case and what I did was manually hide each label as I only have a few labels in my bulk edit. I use the code below. 

<style>
label[for*="EnableBulkEditTestIntCkb"]{
display:none;
}
label[for*="EnableBulkEditFile_Ckb"]{
display:none;
}
div[class*="cbFormBlock1"], div[class*="cbFormBlock3"]{
width: fit-content !important;
}
div[class*="cbFormBlock2"], div[class*="cbFormBlock4"]{
margin-left: -75px !important;
}

</style>

The "cbFormBlock1" and "cbFormBlock3" are the checkboxes while the  "cbFormBlock2" and "cbFormBlock4" are the actual text fields. You can adjust the margin if you wish to.