Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Archive /

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo

Newsletter signup 'not email address' error message


Go to End
Reply


3 Posts   3346 Views

Avatar
Decisive Flow

Community Member, 73 Posts

13 November 2006 at 10:34am

If the wrong email address is typed into the email field, the error message displays but It expands the entire page out and breaks it. I know there will be a fix tot his, but all I can see in the code si that its a javascript error so I'm not sure how to style it (http://www.planHQ.com)

Avatar
Simon

Community Member, 27 Posts

13 November 2006 at 10:41am

The javascript validation appends (via dom) an span with the classes "message validation",

Adding the following CSS selectors will allow you to style them as you wish..

form .message{

}

You can change the styling of particular messages tool;
other typical form messages are "good" , "bad" , "warning"

Examples..

/** Form messages **/
.message {
margin: 1em 0;
padding: 0.5em;
font-weight: bold;
border: 1px black solid;
}
.message.good {
background-color: #d3ffab !important;
border-color: #54ff00;
}
.message.warning{
background-color:#ffc7ca;
}
.message.bad {
background-color:#ff858c;
border-color:#BC0F01;
}
.message.required,
.message.validation{
display:block;
margin-top:5px;
color:#BC0F01;
border-color: #BC0F01;
}
.message.validation{
color:#BC0F01;
border-color: #BC0F01;
}

Avatar
Decisive Flow

Community Member, 73 Posts

13 November 2006 at 2:54pm

woohoo fixed :)