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

Question

Question

Laserfiche Forms 10 - Transparent Multi-Line Fields

Forms Version 10
Updated July 9, 2017
asked on July 7, 2017 • Show version history

Hi there,

I have a form which has a table containing questions; the text for which is populated from a database lookup.

I've made the Multi-Line fields (which the question text populates), read only.

I'm new to using CSS and am wondering how I can make the Multi-Line fields transparent, so that it appears like it is just text with no surrounding text box.

Any feedback will be appreciated!

Thanks in advance.

0 0

Answer

SELECTED ANSWER
replied on July 7, 2017 • Show version history

Tim,

You want to apply the following styling to textarea elements to get rid of the border and background:

#q? textarea {
    background: none !important;
    border: none !important;
}

You need the "!important" at the end to override the default styling, and you want to replace the "?" with the value you see for the parent, which you can find in the CSS/JavaScript tab.

It looks like your fields are in a table. If that is the case, it makes things a little easier because a table, section, etc. allows you to use the id of the table and apply it to every child textarea in one go.

For example, if the table/section containing those multi-lines is "q4" then you would apply the CSS styling to "#q4 textarea" and it should affect them all.

You might want to adjust text color and such as well since disabled text looks different.

2 0
replied on July 9, 2017

Thanks Jason! That's exactly what I was after.

Kind regards,

Tim

0 0

Replies

You are not allowed to reply in this post.
replied on July 7, 2017 • Show version history

Hello Tim,

First, apply the class "question" to each of your multi-line question fields, like so:

Next, navigate to the "CSS and JavaScript" tab. In the CSS pane, add the following snippet on its own line:

li.question textarea {opacity: 0.0;}

After saving, your preview should look like this (sans red outline):

I hope this helps, let me know if you have any questions!

~Rob

You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...