Editing the message after form is submitted.

Permalink
After a form is submitted, the return message "Thanks!" has a yellow background. How can I customize background and font color, or if not, remove background color? How do I change the background and font color for the error message when a form is not filled correctly? Thanks!

 
blackpicnic replied on at Permalink Reply
So in the concrete>blocks>forms folder I found the file view.css

.miniSurveyView{ margin-bottom:16px}
.miniSurveyView #msg{ background:#FFFF99; color: #000; padding:2px; border:1px solid #999; margin:8px 0px 8px 0px}
.miniSurveyView table.formBlockSurveyTable td{ padding-bottom:4px }
.miniSurveyView td.question {padding-right: 12px}
.miniSurveyView #msg .error{padding-left:16px; color:#cc0000}
.miniSurveyView table.formBlockSurveyTable td img.ccm-captcha-image{float:none}
.miniSurveyView .required{ color:#cc0000 }


I'm thinking this is where I can change up the background to the post-submit message.

For example, to go from background yellow-ish to background white, I could change:
.miniSurveyView #msg{ background:#FFFF99; color: #000; padding:2px; border:1px solid #999; margin:8px 0px 8px 0px}

to:
.miniSurveyView #msg{ background:#FFFFFF; color: #000; padding:2px; border:1px solid #999; margin:8px 0px 8px 0px}

Can anyone confirm?
blackpicnic replied on at Permalink Reply
Nope - didn't work. ThankyouMsg background color did not change when I changed the background in the view.css file. I also tried changing the thankyouMsg background color in the styles_include.php file (located in the same folder), which did nothing.

Any ideas, anyone?
jordanlev replied on at Permalink Reply
jordanlev
That view.css file should be where you change this. Perhaps your browser had cached the old styles? Try clearing your browser cache to make sure the change is recognized.

Also, as a general rule it's best not to alter core code but instead override it in another place (so that if you update the core, you don't lose your customizations). What you should do is create a new directory here:
YOURSITE/blocks/form/

...then copy these two files into that new directory:
YOURSITE/concrete/blocks/form/view.php
YOURSITE/concrete/blocks/form/view.css


Now edit the new copy of the view.css, not the original one.

Hope that helps.

-Jordan

PS - if you're a designer and know HTML/CSS well, you might want to check this out:http://concrete5.org/marketplace/addons/form-tableless-layout...