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.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

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


3 Posts   4290 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 :)