I am looking to hide the comment box so that I can add my own based on field rule look up. I am not familiar with CSS or JavaScript, any help is greatly appreciated. Thanks.
pretty sure it's like this:
.approval-wrap > p:nth-child(1){
display:none;
}
#comments {
display:none;
}
EDIT:
or as Eric points out,
.approval-wrap > p, #comments {
display:none;
}
In case anyone is still having trouble getting the CSS to work--which I was in forms 10.3.1.275-- I got it to work using javascript:
$(document).ready(function(){
$('.comment-section').hide();
});
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.
In order for it to work in Forms 10.3.1, I changed the comments selector (see below for CSS).
.approval-wrap > p, .comment-section {display: none;}
This isn't working for me. What have I done wrong?
I tried Vanessa's code first, then tried Eric's code. Neither worked.
please comment out the comment above your CSS code.
/* To hide the built-in comment box*/
.approval-wrap p, #comments {display: none;}
That worked!! Thanks!
That worked , thanks Vanessa!
Side note: is there a reason why Comments appear by default? Not understanding why it's a default setting.
We upgraded from Forms 10.4.5 to Forms 11.0.2201.20436 today and the CSS
.approval-wrap p, #comments {display:none;}
was working previous to the upgrade . After the upgrade, the comments box showed up in .approval-wrap. We had to change the CSS statement to:
.approval-wrap p, .comment-section {display:none;}
in order to once again hide the comments box.
Here is an interesting problem related to this. I have a standard css file with the following:
/* standard Style */
#cf-formtitle {margin-bottom: 0px; height: 80px;}
.cf-form {padding-top: 0px;}
#form-title-wrap h1 {line-height: 28px; vertical-align: middle;}
.approval-wrap {background: #e3f0d3;}
.approval-wrap > p, #comments {display: none;}
.fileuploader {background: #012169; color: #ffffff }
.downloadbut .action-btn {font-size: medium; background: #012169; color: #ffffff;
border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19); }
.downloadmsg {font-size: medium;}
#preview-notice {display: none;}
.comment-section {display: none;}
/* End */
I place it in the form server \js folder and include it in my form using @import url . The bottom of my form looks like this.
When I add an extra line after the import URL line:
@import url ....
.comment-section {display: none;}
Then my form looks like this:
All of a sudden the standard CSS I have been using stopped working to hide the comment section and the only way to hide seems to be by including the CSS in the form. Importing the css using a URL did not work. Very consistently, did not work.
Thanks Kenneth!
I've tried all of the suggestions above and the comment box still appears on the forms.
It's very difficult to help with so little information. What version of forms are you on? Can you copy-paste the code you are using? Where did you put the code?
I don't think it's obvious from above -- this goes in the CSS section, not the javascript section.
Please, I tried to use the code provided to remove the in-build comment box but it doesn't work
It's very difficult to help with so little information.
I also used the code provided above and it does not work properly. I have Forms 10.3 and I am getting no errors. I pasted the code into the CSS section.
CSS:
.approval-wrap > p, #comments {
display:none;
}
How it displays:
Hello, I am having trouble hiding this field, too. I tried a few things mentioned above with CSS and JavaScript without success. I am a novice though so I'm sure it's something simple I am getting wrong. I am on Laserfiche Forms Professional Version 11.0.2201.20436. Here is what it looks like right now:
This is what I use:
/*To hide the built-in comment box*/
.approval-wrap p, #comments {display: none;}
Thank you, I will try this. This is CSS right?
Yes
Hmm that didn't work for me but I appreciate you! I added it in the beginning so maybe placement was the issue.
Is it a difference between Cloud based Laserfiche Forms and On-Prem?
I am not sure, we do host forms on our server but access online. Unfortunately, I don't really know.