Question

Hiding the built-in Comment box for Forms

Laserfiche Cloud Forms

Updated June 17, 2022

asked on July 7, 2021 • Show version history

Hello,

I have found information for the CSS script to hide the built-in comment box on a form that shows up in the workflow task. We are now using business process forms in Cloud, and I cannot figure out where to put the CSS script. There is not a CSS and Java Script tab (like in forms on premises) and the only place I can find to put CSS script is on specific fields. The comment box isn't a field. I'm guessing it has to go somewhere at the workflow level but I am not sure where. It is probably a simple answer but we haven't been able to figure it out for 2 days so I thought I would ask.

Thanks!

1 0

Answer

APPROVED ANSWER

replied on June 17, 2022

If you used this CSS in Laserfiche Forms 10.4.5 or earlier:

.approval-wrap p, #comments {display:none;}

In Laserfiche Forms 11 you will need to update your Classic Forms Designer forms to use this CSS:

.approval-wrap .comment-section { display: none; }

Note: This worked before version 11, but I'm not certain how far back it works version wise.

If you convert your forms into the New Forms Designer and wish to hide the generated comments section you will need to click the Theme Icon, Select the CSS tab and enter this CSS:

#comment-container
{
  display:none;
}

I hope this helps.

5 0

Replies

replied on July 7, 2021

There is a CSS and Javascript tab in Forms and you can hide it using the same code. Are you sure your not using the new forms designer? Just like with on-prem, the new designer does not yet support any scripting.

0 0

View 3 previous replies

replied on April 29, 2022

Is there any news on this for the new forms designer?

0 0

replied on April 29, 2022

There is a place to add CSS coding in the new Forms Designer now, but I can't figure out the code to hide the comment box. The CSS box is under Theme (the paint brush) and then CSS.

I've tried all of these, and none of them work:

.approval-wrap p, .comment-section {display:none;}

.approval-wrap .comment-section {display: none;}

.approval-wrap p, #comments {display: none;}

.approval-wrap > p, .comment-section {display:none;}

.approval-wrap > p, #comments {display:none;}

.approval-wrap > p:nth-child(1){
display:none;
}
#comments {
display:none;
}

.comment-section {display: none;}

0 0

replied on April 29, 2022

Thanks for looking into that. I wonder if there is a resource somewhere with some kinds of generic CSS that one could use?

0 0

replied on June 16, 2022

Try this:

#comment-container

{

display:none;

}

3 0

replied on June 16, 2022

Will Bentley, that worked for me! Thank you!

0 0

replied on June 17, 2022

Been having issues with comments section since updating to version 11 and found how to hide it in the New Forms Designer as part of that. I'll post my findings as a direct reply so it can be marked as the answer.

1 0

You are not allowed to follow up in this post.

Question

Question

Hiding the built-in Comment box for Forms

Answer

Replies

Sign in to reply to this post.