Missing text in form

I am using chronoforms 3.1RC5 and have had a form working well in my site for some time. I am however now updating my version of Joomla from 1.5.10 to 1.5.20 and have also used a new template during the redesign.

I backed up my form in the old site and restored it in the new. I see all the code under form management in the new site. However when I put the form on a page, I get the form layout with the form fields and information icons but I do not see any of the text beside the boxes (for example the text that says please enter your email address, etc). The form works fine otherwise. What have I missed?

Thanks D.

Hi Dougj,

Please post a link to the form so we can take a quick look.

ChronoForms should work in just the same way. Nothing has changed that would make this difference.

Is it possible that the template stying has somehow made the text the same colour as the background?

Bob

I used the firefox developer tools to find css and they seem the same as on the old site

Link to site where its broken:
http://???/index.php?option=com_content&view=article&id=2&Itemid=3

Link to site where it works:
http://???/index.php?option=com_content&view=article&id=3&Itemid=9


and here is the formcode showing the styles in use. I get the same condition in multiple browser types and versions, including the latest FF and IE 7 & 8:

<div class="form_item">
  <div class="form_element cf_heading" align="center">
    <h3 class="cf_text">Contact Us</h3>
  </div>
  <div class="cfclear"> </div>
</div>

<div align="center">
<table border="0" width="90%" cellpadding="0" cellspacing="0" class="tableform">
<tr><td align="center">
<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Bill Baker - Owner/Operator<br> Kitchener, Ontario Canada N2G 2M9<br>
<b>519-</b></span> </div>
  <div class="cfclear"> </div>
</div>
</td></tr>
 <tr><td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 250px;">Your Full Name (required)</label>
    <input class="cf_inputbox required validate-alphanum" maxlength="150" size="30" title="You must enter yor name to submit this form" id="name" name="name" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Your Full Name (required) :: Please enter your name</div>
  </div>
  <div class="cfclear"> </div>
</div>
</td></tr>
 <tr><td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 250px;">Your email address (required)</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="You must enter a valid email address to submit this form" id="email" name="email" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Your email address (required) :: Please enter a valid email address</div>
  </div>
  <div class="cfclear"> </div>
</div>
</td></tr>
 <tr><td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 250px;">Verify email address (required)</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="You must verify your email address" id="email2" name="email2" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Verify email address (required) :: Please re enter your email address so we can verify it is typed correctly</div>
  </div>
  <div class="cfclear"> </div>
</div>
</td></tr>
 <tr><td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 250px;">Your Phone Number (optional)</label>
    <input class="cf_inputbox maxlength="150" size="30" title="" id="phone" name="phone" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Phone :: Please re enter your phone number including area code</div>
  </div>
  <div class="cfclear"> </div>
</div>

</td></tr>
 <tr><td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 250px;">Subject</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="subject" name="subject" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Subject :: Please provide a short description of your request</div>
  </div>
  <div class="cfclear"> </div>
</div>
</td></tr>
 <tr><td align="left">
<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 250px;">Comments</label>
    <textarea class="cf_inputbox required" rows="6" id="text_8" title="Please enter your message in the box" cols="60" name="comment">Please enter your message in this box</textarea>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Comments :: Please type your message to us in the text box</div>
  </div>
  <div class="cfclear"> </div>
</div>
</td></tr>
 <tr><td align="center">
<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" name="button_9" onclick="return checkEmail(this);" type="submit" /><input type="reset" value="Reset"/>
  </div>
  <div class="cfclear"> </div>
</div>
</td></tr>
<tr><td align="center" class="javafootnote">
Please note that this form uses some javascript
</td></tr>
</table>
</div>

Hi dougj,

The problem is the color:#E9E9E9; for the body tag set in template.css

body {
background-attachment:fixed;
background-color:#000000;
background-position:left bottom;
background-repeat:no-repeat;
border:0 none;
color:#E9E9E9;
font-family:Arial,sans-serif;

change that and all is well again.

Bob

man I feel so stupid....I thought maybe something to do with css but douln't see the issue. Thanks so much!!

Hi dougj,

No problem . . . get FireBug as well as the Developer ToolBar, absolutely invaluable.

Bob