Question

CSS not reflecting when previewing form or on Message Start Event

Laserfiche Cloud

Updated June 16

asked on June 12

Hi,

I'm assigning a CSS class to custom HTML, Single Line, and Drop-downs inside a collection. I'm wanting those fields to have a border. In the Form Designer, it reflects. In the Preview or when starting the form, it does not.
In Form Designer:

Previewing the form:

0 0

Answer

SELECTED ANSWER

replied on June 16

Okay, I see the problem.

The collection has conflicting border rules it is using. You can force your CSS to take priority with the !important tag.

.demo {
  border: 1px solid black!important;
}

1 0

Replies

replied on June 15

Just an update, I've tried giving it a different class name. It appears that assigning CSS classes to fields outside the collection reflect just fine. Fields within the collection do not reflect. Also, if anyone is reading this do we just reach out to our VAR to get some acknowledgement? It is not reassuring to post and get 0 replies.

0 0

replied on June 16

Please post the CSS code you are using. It's difficult to try to help identify the issue without the actual code you are using.

0 0

replied on June 16

Hi Matthew,

Sure! I'm also including pictures to show the CSS classes.
Inside Designer:

Test 2 has this:

My CSS:

.demo {
border: 1px solid black;
}

Preview mode:

As you can see, Test 2 is missing the border.

0 0

SELECTED ANSWER

replied on June 16

Okay, I see the problem.

The collection has conflicting border rules it is using. You can force your CSS to take priority with the !important tag.

.demo {
  border: 1px solid black!important;
}

1 0

replied on June 16

Ah. Perfect! Thank you so much! I don't recall having to do this before.

1 0

You are not allowed to follow up in this post.

Question

Question

CSS not reflecting when previewing form or on Message Start Event

Answer

Replies

Sign in to reply to this post.