Part of balloon validation message not showing

fix a missing corner in a CF validation message balloon.

Overview

The issue occurs because a CSS rule is setting the height of a specific element to zero, which hides the lower right corner of the balloon.
Override the problematic CSS rule by adding a new rule to set the correct height for that element, using a Load CSS action in your form.

Answered
Ja JanRobroeks 02 May, 2014
When a required field is not filled, a black message balloon pops up. This works great, however the lower right corner is not showing (see website, or added screenshot).

Probably the class is overruled. How can I solve this issue?

td.br 16px * 0px

http://www.evo-it.nl/contact
Gr GreyHead 02 May, 2014
Answer
Hi Jan.

Something is setting the height to 0px - I can't see what is doing that though.

Try adding this CSS to a Load CSS action to see if that fixes it:
.fc-tbx .br{
	height: 16px;
}
Note: you may need to add !important after the 16px

Bob
Ja JanRobroeks 05 May, 2014
Thanks, Bob!

That solved my problem! The !important wasn't necessary.

Jan
This topic is locked and no more replies can be posted.