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, biapar, Willr, Ingo, simon_w

Newsletter signup 'not email address' error message


Reply


3 Posts   3158 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

Core Development Team, 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 :)