You are viewing limited content. For full access, please sign in.

Question

Question

Make Form Field Output Bold in Classic Designer

asked on July 23, 2024

Hello,

Please can someone point me in the right direction.

I have a subject field in my form and i want the output of that field to be bold.

The form outputs the field data into pdf and i want the out put of the subject field to be bold.

The Subject Fiedl Field ID is 6 and the variable Value is 14.
SO in CSS i used the following css which has not worked:

#6 input {font-weight:bold;}

 

Can anyone please help?

 

Thanks

0 0

Replies

replied on July 23, 2024

I haven't gone in to do a test of the code - but it might just be as simple as the ID is actually q6 not 6.

#q6 input {font-weight:bold;}

Additionally, sometimes you need the !important tag to override CSS set by the theme and other defaults..

#q6 input {font-weight:bold!important;}

If neither of those work, I can jump into a form and try to figure out the specifics.

1 0
replied on July 23, 2024

If you want this to be saved to the PDF of the form you cannot target the input element. You will probably need

#q6 input, #q6 .cf-field {font-weight:bold;}



 

1 0
replied on July 23, 2024

oh, haha - totally forgot that part.

0 0
replied on July 24, 2024

Thank you Guys for the quick response on this. I tried all the CSS here but non worked. I wonder why that is. Am trying to also remove the defakt comment section in Forms and all i have tried has not worked.

0 0
replied on July 25, 2024

I just tested, and these worked for me (Version 11.0.2311.50556):

 

Modern Designer:

/*Hide the standard comment box*/
#comment-container {display:none;}

/*Bold Field*/
#q6 input, #q6 .cf-field {font-weight:bold;}


Classic Designer:

/*Hide the standard comment box*/
.comment-section {display: none;}

/*Bold Field*/
#q6 input, #q6 .cf-field {font-weight:bold;}

 

NOTE - the Modern Designer can hide the comment box via Field Rules - so the CSS to hide that isn't necessary - but I still included it since you asked.

0 0
replied on July 30, 2024

Thanks Matthew,

But none of this actually worked for classic designer. I am using 
Laserfiche Forms Professional Version 11.0.2311.50564

For the default comment section, I noticed that it doesnt show up before the form is submitted. But after submission and the Approver opens it, the default comment section is still present.

Wonder why that is.

I also noticed a strange behaviour.

I created a form with a Multi Line field which is used as the body of a letter. Now i notice that when the form is submitted, the content is always formatted in such a way that only the first line of every paragraph aligns on the same line but  from the second line of each paragraph an indent is automatically added. See attached  screenshot of the sample output.

 

 

 

24e339d0-0d03-429e-b30b-88f73f44e8dc.png
0 0
replied on August 6, 2024

Hi Adeyemi,

The css Matthew provided works perfectly in my test, see

The class above is set on single line field

Looks like you are using Multi-line field instead of single line, if that's the case, you can simply update the css to like

/*Bold Field*/
#q6 textarea, #q6 .cf-field {font-weight:bold;}

As for the indent, it seems you ever asked in this post https://answers.laserfiche.com/questions/220536/Indent-Always-Added-To-Second-Line-of-Multiline-Field-Output#220625, and I thought you've got an answer, or do you still have question on this?

0 0
replied on August 6, 2024

Hello Zhiyong,

Thanks for your feedback Actually i used a single line field not a multiline field and my aim is to have that Subject field in the Ouput document come out bold.

0 0
replied on August 6, 2024

As displayed, the field is bold indeed. Are you sure you are referring to correct field id? Or are you using Forms STR to output the form and selected the correct form? The css should take effect even when you fill it out, so I'm not sure if you configured it correctly.

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.