Thought I´d just pass on a hot tip from Moe, by just adding .table-actions { display: none;} to your page layout CSS will remove all the instances of grey component headers and footers as you will see in the illustrations below. This may not be ideal if you have a need to refresh, have pagination, search enabled, add record etc, so Moe has also come up with a solution to be able to do the same with just selected components. In this case add .hide-actions .table-actions {display: none;} to the page layout CSS and then simply add hide-actions to the component Additional CSS Classes.
Hope people find this as useful as I have, Thanks Moe!!!
Hi @tim.young, they are not. They only disappear after the user has clicked on them and submitted the information I need to collect.
See below: the red items need mean the user needs to click and submit information. Once they do that, it disappears. I don’t want them to be able to edit or see after submission.
Does that make sense or should I try and do this another way?
So this is more complex because hiding the column for one record, would hide it for other records. It might be possible with JavaScript but that’s a bit beyond me unfortunately!
Personal opinion here as far as design goes, I’d suggest just changing the icon color to green. That way column widths stay consistent as you scroll down the page.
Hey @tim.young, I have been using a radio button to change status to “complete” after the form has been submitted, and then, I disabled the “send” button on the form and change the status to “You cannot submit this form again”.
Worth to mention it does not work with a decision field, however, a radio field works!
