Chronoform Header Image

Hi there,

I'd like to use an image as the header of one of my chronoforms. I'm using the <img src="" /> tags with the proper URL in there in the HTML Code editor for the form and it's not working. Please advise?

Hi shu8man,

Impossible to say without seeing the form, most likely you need to use a full (or absolute) url in the src.

Bpb

<div class="form_item">
  <div>
        <img src="<?php echo JUri::base(); ?>/images/askallensformheader.html" /> 
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_1" name="text_1" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Email</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_2" name="text_2" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Phone Number</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_3" name="text_3" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Subject</label>
    <select class="cf_inputbox" id="select_4" size="1" title=""  name="select_4">
    
      <option value="Bathroom/Kitchen Fixtures">Bathroom/Kitchen Fixtures</option>
<option value="Cooling">Cooling</option>
<option value="General Plumbing">General Plumbing</option>
<option value="Heating">Heating</option>
<option value="Septic Systems">Septic Systems</option>
<option value="Well Systems">Well Systems</option>
<option value="Store Information">Store Information</option>
<option value="Other">Other</option>

    </select>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Your Question</label>
    <textarea class="cf_inputbox" rows="3" id="text_5" title="" cols="30" name="text_5"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_fileupload">
    <label class="cf_label" style="width: 150px;">Send Us a Picture</label>
    <input class="cf_fileinput cf_inputbox" title="" size="20" id="file_10" name="file_10" type="file" />
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">*.jpg, .bmp, .gif , or .tif</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_captcha">
    <label class="cf_label" style="width: 150px;">Please Enter Code</label>
    <span>{imageverification}</span> 
    
    </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" name="button_7" type="submit" /><input type="reset" name="reset" value="Reset"/>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Due to the high volume of questions a representative will get back to you as soon as possible, usually within 24 hours</span> </div>
  <div class="cfclear"> </div>
</div>

Hi shu8mann,

Doesn't JUri::base() include a trailing / ??
Check the page source and see what the url being created is.

Bob

Yes, yes it does...and I have now corrected that oversight, however, it's still not producing the image, it's just blank space.
I have edited this image to show the form and where I want the image to be.

You know what, I just figured it out...I didn't even realize because I look the file extension for granted. The person that gave me the file to put up (who I'm going to scream at very shortly) gave it to me as .html instead of .gif or .jpg What a STUPID error on my part for not checking, but what a stupid error on their part for giving me the wrong file type to begin with!

Also, thank you for your help!

Hi shu8man.

I've been having that kind of day too :-)

Bob

No problem Bob, and it's working perfectly now! Thank you again!