Layout incorrect when valdation field pops up.

Hi guys,

2x Questions !

1) Just wondering is there something I can do to change the way the validation warnings work.
I would like to make the wording 'RED' for the "This is a required field." warning.

2) Also, is there something I can do to stop the "submit button" from pushing down, as it goes over the bottom ("other") menu.

[attachment=0]Form-edits.gif[/attachment]

Thx,

Syco

Hi syco,

1) add css for the .validation-advice {. . .} selector

2) The best solution that I have found is to add a height style to the form that leaves enough space for a few error messages.

Bob

Hi Bob,

2) ... add a height style to the form that leaves enough space for a few error messages.

I added this height style as you said to do and it has fixed the issue for me... thx <div style="height: 750px;"> Thanks 🙂

In regards to the colour change of the validation advice to red.. you said to

... add css for the .validation-advice {. . .} selector

As I have no formal training in CSS, html, or PHP... where do input the css. In the "Form HTML"?
I couldn't find the file or the place or if there's a parameter that has - .validation-advice {. . .} selector.
Sorry if this sounds dumb.. :?

Regards,

Syco

Hi syco,

Put this code snippet at the beginning of your form html

<?php
$doc =& JRequest::getDocument();
$style = ".validation-advice {
  color:red;
  font-weight:bold;
}";
$doc->addStyleDeclaration($script);
?>

Bob

Hi Bob,

I placed your snippet in the top of the FORM html... but got this error.

Fatal error: Call to undefined method JRequest::getdocument() in /clientdata/clients/t/e/test-swishimage.au.com/www/care157/components/com_chronocontact/chronocontact.html.php(351) : eval()'d code on line 2

I have since deleted the snippet out, until I hear from you again, but once again thanks for being so helpful and so quick🙂

Regards,
Syco

Hi syco,

Which version of Joomla are you using? I think it must be 1.0.x?? This should work OK there, again in the beginning of the Form HTML

<style type='text/css'>
.validation-advice {
  color:red;
  font-weight:bold;
}
</style>

Bob

Hi Bob,

I'm using 1.5.8 and what you sent worked perfect. 😀 😀 😀

Thank you so much for your help. I really appreciate quality support like this.

Cheers

Syco

Here's a tip if you have more than 1 ChronoForm on your site. Instead of adding the .validation-advice CSS to each FORM HTML, just add it once to style1.css (and style1-ie7.css) and then all your ChronoForms on that site will display the error in bold red.

Thanks for the tip!!🙂

Max

/* Chrono Contact */
.validation-advice {color:red; font-weight:bold;}