Question

Keep input box outline upon forms submission

Forms

Updated June 26, 2019

asked on April 8, 2016

Hi Team,

Any chance anyone knows if it is possible to keep the input boxes general outline upon forms submission? As you can see below, if input boxes are left blank, there isn't a clear indication that it was even possible to input data, it just looks like floating text.

Goal is to have forms saved to look something like this:

Thanks guys!

0 0

Replies

replied on April 8, 2016

It should be possible by using css style

0 0

View 4 previous replies

replied on April 11, 2016

I figured it would be, because I used CSS styles to change the color of the boxes when filling out the forms, however I cant figure out how to keep them there upon submission. Do you know the code?

0 0

replied on April 11, 2016

Just to understand, when you said submit is it something to save to laserfiche or just for the next user task, or when you go to the statistic you want to see the submited form itself?

0 0

replied on April 11, 2016

It is when I save to laserfiche. The first of the 2 screenshots is what the tiff image looks like when it saves into the repository. I would like it to look like the second screenshot.

0 0

replied on April 11, 2016

Try using this CSS

.ro { border: 1px solid; }

1 0

replied on April 11, 2016

try this

#q7 .cf-field { border: 1px solid; }

#q7 point directly to a specific field versus .ro is a class, so use you class

.cf-field will point only to the input field and not the whole field

so by using .ro .cf-field you should just put a box around the input field

0 0

replied on April 11, 2016 • Show version history

here the result on mine

I did it for the project name

0 0

replied on April 13, 2016 • Show version history

Thanks for the reply guys, i'll give it a shot and let you know. =)

0 0

replied on June 26, 2019

Hello. Did this solution work for you?

I have tried using many of the different tactics described to add borders around fields when a form is saved to the repository. None of them have worked. I understand that the CSS needs to address the elements differently after they are saved since they are converted to static HTML?

For example, I am trying to add border around a textarea. This is the CSS I am using:

#q9 .cf-field textarea {border: 1px solid #333333 !important;}

The border is added when displaying, but not on the saved form. I see mentions of .ro being involved in the CSS. Where does the .ro fit in? I also see people using javascript and @media Print versions of accomplishing this. Please help me find what I am missing about what I am trying to do.

Thank you,

Kevin

0 0

You are not allowed to follow up in this post.

Question

Question

Keep input box outline upon forms submission

Replies

Sign in to reply to this post.