Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

How do you remove or change red border in Livecycle required

Avatar

Former Community Member
How do you remove or change red border in Livecycle required field?



When I make a field required, it makes the pdf show a thick ugly red border. How can I change that?
5 Replies

Avatar

Former Community Member
There's a function in PDF that does this which you can turn off with script but I'm not sitting with a Designer in front of me right now and don't remember the code. So, if you have made a field required and don't want the user to see that color, you'll have to disable that function in the forms Initilize event. It would still be possible though for the user to reenable it manually since it's nothing more than a click on a button away.

Avatar

Former Community Member
Does anyone know what the code is or where in Livecycle I can turn this off?

Avatar

Former Community Member
Hi Liz,



Here is a link that shows how to script validation yourself on a textfield.



http://blogs.adobe.com/formbuilder/samples/AcroFormObjects/InvalidFlashingFields-WithoutAFGetField.p...



Hope it helps.

Make it a great day!!!

Pam

Avatar

Level 2

Now you see me, now you don’t.

Interactive forms highlight where you should enter data. To turn this highlighting on, click the Highlight Existing Fields button.

The fillable fields within the form (see example below) are highlighted in a light blue color. This lets you enter information into these fields. By default, Adobe® Reader® displays a red border around required fields:

Pretty dang ugly, huh?

Fortunately, it can be turned off.  This script (placed on a form:ready event) will do the trick:

    if (xfa.host.name == "Acrobat")

app.runtimeHighlight = false;

Here’s how we achieve this:

Part 1:

In the Object palette, click the Value tab. Under Type, choose User Entered – Required.

  • First, we need to define which fields are mandantory/required. Click within the desired field to select it.
  • You can assign as many mandatory fields as the form requires. When you are finished doing this, enter the Script Editor.

          Note:   To show or hide the Script Editor window as you need it, click the toggle.

  • Select the form:ready event. Be sure JavaScript is the chosen scripting language to run on the Client.
  • Type the following script into the window:

    if (xfa.host.name == "Acrobat")

       app.runtimeHighlight = false;

  • Save your work.

Part 2:

  • From the File menu, choose Form Properties.
  • Click the Form Validation tab.

               Click Color Failed Fields.

               Check the box next to Color fields and fail their validations.

  • To turn borders off, click the arrow next to Border Color, then click the box.
  • To define a background color, click the arrow next to Background Color, the choose More Colors.
  • Select the first available empty box, then click Define Custom Colors.
  • Define a custom color per your visual identity guidelines.
  • When you are finished, click on Add to Custom Colors, then click OK.
  • Click OK on the Form Properties window.
  • Save your work.

  

The result? When the user tries to submit a form without first entering data into the required fields, an alert message is displayed.

When the user clicks OK to clear the error message, form submission is cancelled.

Failed fields are highlighted in an attractive way—without red borders.