Forums

Placing field labels inside of inputboxes

webberoo 22 Dec, 2009
Hi all

I was wondering if anyone has a solution for replicating a form like the one on this pagehttp://www.alistapart.com/d/makingcompactformsmoreaccessible/example_complete.html.

It places the labels inside the form fields and uses JavaScript to hide the labels when the inputbox is in focus. I have already tried to implement the method described in the alistapart article but the JavaScript conflicts with the Chronoforms validation JavaScript.

Love the Chronoforms!
GreyHead 22 Dec, 2009
Hi webberoo,

I don't see any fundamental reason why that code wouldn't work with ChronoForms. There would need to be some tuning to avoid any JavaScript conflicts but, that aside, all should be OK.

Bob
webberoo 22 Dec, 2009
Thats what I thought but for some reason the javascript validation that Chronoforms uses stops working correctly once the javascript used in the example is installed.

Can you give me any tips as to what I should look for?

Thanks for replying.
GreyHead 23 Dec, 2009
Hi webberoo,

Only the basic one - use FireFox with Firebug installed and look at the console for error reports. Not 100% reliable but by far the easiest way to start debugging this.

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