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!
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?
Any ideas, anyone?
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:
...then copy these two files into that new directory:
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...
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...
.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?