Mike Potter

February 16, 2006

Adding a border to Designer fields

Jesse Warden posted a blog entry yesterday saying how LiveCycle forms would be much better if we had some sort of Flash content in the PDFs. One example that he gave was "tabbing that actually visually shows you where you are"... Here's a small samplethat shows a form highlighting fields as a user enters into them, and then reverting back to the original color as they exit the field.

Now, in making this sample, I came across a small problem. In Designer, you can't use fieldName.borderColor if the borderColor hasn't been set already. So, first you need to set the border color for each field (in the Border pallette), and *then* you can manipulate the border using JavaScript. If the border is not set in the Border pallette, you can't set the border attributes via JavaScript. I hope this helps you out, and also shows the ease of which the form designer can create better looking forms.

Posted by Mike Potter at 12:42 PM on February 16, 2006

Comments

JesterXL — 02:07 PM on February 16, 2006

A world of difference a simple outline makes!

scott phelps — 01:06 PM on June 01, 2006

trying to figure out how to check if the user enters number into a text field. Don't want anything but number and need to be able to check what the user enters and if anything besides a number is entered then display a message box stating so.

Dennis — 02:11 PM on September 14, 2006

Excellent article! I find that highlighting fields on focus events does improve the form's usability and accessibility. This is especially true for clients with visual or mobility impairments.

It would be helpful to know how to utilize "fillColor" to fill in the field color rather than just highlighting the border. This would make the active field a lot easier to identify.

Unfortunately, even with Mike's great work, I still cannot get fillColor to work. If anyone comes up with a solution it would be a good example to post to http://partners.adobe.com/public/developer/livecycle/designer/index_samples.html.

Thanks.


Thank you for signing in, You may now comment. (Sign Out)

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)

Add your comments

Remember Me?

(You may use HTML tags for style.)