Hide comment field in Forms

asked on September 18, 2017

I'm setting up a Business Process for a request approval, and I've noticed that after the initial form is submitted, a Comments field becomes available on each of the following steps. I can't seem to get the information entered into that comment field to save though. It doesn't present when the next user opens the form, nor does it save when the form is saved to the repository.

Our process requires a static Comment field which will pass anything entered into it to the next assignee. I've added a regular multi-line Comment field to suit our needs, but I'm wondering if there's any way to hide the auto-generated comment field so that users can't use the wrong box by mistake. Is this possible?

0 0

SELECTED ANSWER

replied on September 18, 2017

Put this in the CSS entry to hide the comment field
.approval-wrap p, #comments {display: none;}

4 0

View 5 previous replies

replied on September 18, 2017

Thank you!

0 0

replied on April 2, 2019

Thank you

0 0

replied on January 31, 2020

Where do you enter the CSS string? The submit button setup in in the process and when I added this string to the CSS on the entire process it did not work. The submit button and comment does not show up on the form itself as a field, so how do I add this?

0 0

replied on January 31, 2020

Put in the CSS block under the CSS and Javascript tab

0 0

replied on January 31, 2020

Thank you. I did try that, but I have four forms in my process and I think I attached it to the wrong form. I just tried again and it's working. Thanks!

0 0

replied on February 16, 2021

Hi Andrew,

Thanks for this code. What I am seeing with my Form is that the code only hides the actual comment box. The field label "Comments" is still showing. Any idea how to remove that as well.

1 0

replied on January 3, 2022

I have a theme applied to a form, and when I used this to hide the comments, a white space remains where the comments used to be. Any way to remove that also?

0 0

replied on April 2

For LF 11:

.approval-wrap .comment-section { display: none; }/*Hide comments box*/

For LF 10:

.approval-wrap p, #comments {display: none;} /*Hide comments box*/

0 0

Question

Question

Answer

Replies

Sign in to reply to this post.