Formatting my email

@yourservice 20 Feb, 2012
Meaby someone can help me out with the formatting of my generated email?

My form works perfect, the output that gets send to an emailaddress looks horrbile.

I used Generate Auto Template first then edited the code.

So

<table cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td colspan='2'>
			<h3><strong>Aanvraag begroting voor een begrafenis of crematie</strong></h3>
		</td>
	</tr>
	<tr>
		<td>
			Naam
		</td>
		<td>
			{input_naam}
		</td>
	</tr>
	<tr>
		<td>
			Adres
		</td>
		<td>
			{input_adres}
		</td>
	</tr>
	<tr>
		<td>
			Email
		</td>
		<td>
			{input_email}
		</td>
	</tr>


looks like this now:

<html>
<body>
<table cellpadding="10" cellspacing="10" border="1">
	<tr>
		<td>
			Aanvraag begroting voor een begrafenis of crematie
		</td>
		<td>
			Naam = {input_naam}
		</td>
		<td>
			Adres = {input_adres}
		</td>
		<td>
			Email = {input_email}
		</td>
	</tr>


The output however is still like this:

Aanvraag begroting voor een begrafenis of crematie
		
	
	
		
			Naam = tester

		
			Adres = teststraat 1

		
			Email = test@test.nl


Are there any samples how to convert this into readable text? With boxes around the input fields and if structures for the radio boxes and select boxes?
GreyHead 20 Feb, 2012
Hi @yourservice,

Start out by removing the extra <html> and <body> tags which aren't needed. Hard to say anything more without seeing the whole template. It looks as though you mnay have added some extra linebreaks or spaces.

Bob
@yourservice 20 Feb, 2012
That was just a test Bob because the border=1 didn't work out. I just want to send an email that looks like the form.

If you say extra linebreaks and spaces do you mean within the input fields?

Auto Generated Template:
<table cellpadding="10" cellspacing="10" border="1">
	<tr>
		<td>
			Aanvraag begroting voor een begrafenis of crematie
		</td>
		<td>
			Naam = {input_naam}
		</td>
		<td>
			Adres = {input_adres}
		</td>
		<td>
			Email = {input_email}
		</td>
	</tr>
	<tr>
		<td>
			Begrafenis of crematie
		</td>
		<td>
			{input_begrafeniscrematie}
		</td>
	</tr>
	<tr>
		<td>
			Waar vindt de uitvaart plaats
		</td>
		<td>
			{input_waar}
		</td>
	</tr>
	<tr>
		<td>
			Bij begrafenis
		</td>
		<td>
			{input_grafkeuze}
		</td>
	</tr>
	<tr>
		<td>
			Opbaring
		</td>
		<td>
			{input_opbaring}
		</td>
	</tr>
	<tr>
		<td>
			Avondwake
		</td>
		<td>
			{input_avondwake}
		</td>
	</tr>
	<tr>
		<td>
			Kerkdienst
		</td>
		<td>
			{input_kerkdienst}
		</td>
	</tr>
	<tr>
		<td>
			Kist
		</td>
		<td>
			{input_kist}
		</td>
	</tr>
	<tr>
		<td>
			Kaarten
		</td>
		<td>
			{input_kaarten}
		</td>
	</tr>
	<tr>
		<td>
			Aantal kaarten
		</td>
		<td>
			{input_aantalkaarten}
		</td>
	</tr>
	<tr>
		<td>
			Advertentie
		</td>
		<td>
			{input_advertentie}
		</td>
	</tr>
	<tr>
		<td>
			Muziek
		</td>
		<td>
			{input_muziek}
		</td>
	</tr>
	<tr>
		<td>
			Bloemen
		</td>
		<td>
			{input_bloemen}
		</td>
	</tr>
	<tr>
		<td>
			Hoeveel mensen verwacht u
		</td>
		<td>
			{input_hoeveelmensen}
		</td>
	</tr>
	<tr>
		<td>
			Consumpties
		</td>
		<td>
			{input_consumpties}
		</td>
	</tr>
	<tr>
		<td>
			Asbestemming
		</td>
		<td>
			{input_asbestemming}
		</td>
	</tr>
	<tr>
		<td>
			Dragers
		</td>
		<td>
			{input_dragers}
		</td>
	</tr>
	<tr>
		<td colspan='2'>
			<h4><strong>De standaardtijd voor de aula is 45 minuten.</strong></h4>
		</td>
	</tr>
	<tr>
		<td colspan='2'>
			
		</td>
	</tr>
	<tr>
		<td>
			Extra tijd aula
		</td>
		<td>
			{input_extratijdaula}
		</td>
	</tr>
	<tr>
		<td colspan='2'>
			<h4><strong>De standaardtijd voor de koffiekamer is 45 minuten.</strong>
 </h4>
		</td>
	</tr>
	<tr>
		<td colspan='2'>
			
		</td>
	</tr>
	<tr>
		<td>
			Extra tijd koffiekamer
		</td>
		<td>
			{input_extratijdkoffiekamer}
		</td>
	</tr>
	<tr>
		<td>
			Vervoer
		</td>
		<td>
			{input_vervoer}
		</td>
	</tr>
	<tr>
		<td>
			Volgauto
		</td>
		<td>
			{input_volgauto}
		</td>
	</tr>
	<tr>
		<td colspan='2'>
			







		</td>
	</tr>
	<tr>
		<td>
			Speciale wensen
		</td>
		<td>
			{input_specialewensen}
		</td>
	</tr>
</table>


Form code:

<div class="ccms_form_element cfdiv_header" id="_h3_strong_aanvraag_begroting_voor_een_begrafenis_of_crematie_strong_h3___container_div"><h3><strong>Aanvraag begroting voor een begrafenis of crematie</strong></h3><div class="clear"></div></div><div class="ccms_form_element cfdiv_text" id="naam_container_div"><label>Naam</label><input maxlength="50" size="50" class=" validate['required']" title="Vul uw voornaam in aub." type="text" value="" name="input_naam" />
<div class="clear"></div><div id="error-message-input_naam"></div></div><div class="ccms_form_element cfdiv_text" id="adres_container_div"><label>Adres</label><input maxlength="50" size="50" class=" validate['required']" title="Vul uw adres in aub." type="text" value="" name="input_adres" />
<div class="clear"></div><div id="error-message-input_adres"></div></div><div class="ccms_form_element cfdiv_text" id="email_container_div"><label>Email</label><input maxlength="50" size="50" class=" validate['required','email']" title="Vul uw e-mailadres in aub." type="text" value="" name="input_email" />
<div class="clear"></div><div id="error-message-input_email"></div></div><div class="ccms_form_element cfdiv_radio" id="begrafenis_of_crematie_container_div"><label>Begrafenis of crematie</label><input type="hidden" name="input_begrafeniscrematie" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_begrafeniscrematie" id="input_begrafeniscrematie_1" title="" value="1" checked="checked" class="">
<label for="input_begrafeniscrematie_1">Begrafenis</label>
<input type="radio" name="input_begrafeniscrematie" id="input_begrafeniscrematie_2" title="" value="2" class="">
<label for="input_begrafeniscrematie_2">Crematie</label>
</div><div class="clear"></div><div id="error-message-input_begrafeniscrematie"></div></div><div class="ccms_form_element cfdiv_select" id="waar_vindt_de_uitvaart_plaats_container_div"><label>Waar vindt de uitvaart plaats</label><select size="1" class="" title="" name="input_waar">
<option value="1">Hoorn</option>
<option value="2">Schagen</option>
<option value="3">Lelystad</option>
<option value="4">Zaandam</option>
<option value="5">Purmerend</option>
<option value="6">Velsen</option>
<option value="7">Amsterdam</option>
<option value="
"></option>
<option value=""></option>
<option value="8">Anders (bij wensen invullen)</option>
</select>
<div class="clear"></div><div id="error-message-input_waar"></div></div><div class="ccms_form_element cfdiv_select" id="bij_begrafenis_container_div"><label>Bij begrafenis</label><select size="1" class="" title="" name="input_grafkeuze">
<option value="1">Niet van toepassing</option>
<option value="2">Huurgraf 20 jaar</option>
<option value="3">Algemeen graf 10 jaar</option>
<option value="4">Bestaand graf</option>
</select>
<div class="clear"></div><div id="error-message-input_grafkeuze"></div></div><div class="ccms_form_element cfdiv_radio" id="opbaring_container_div"><label for="4">Opbaring</label><input type="hidden" name="input_opbaring" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_opbaring" id="input_opbaring_1" title="Opbaring" value="1" checked="checked" class="">
<label for="input_opbaring_1">Thuis</label>
<input type="radio" name="input_opbaring" id="input_opbaring_2" title="Opbaring" value="2" class="">
<label for="input_opbaring_2">Uitvaartcentrum</label>
<input type="radio" name="input_opbaring" id="input_opbaring_3" title="Opbaring" value="3" class="">
<label for="input_opbaring_3">Myosotis</label>
</div><div class="clear"></div><div id="error-message-input_opbaring"></div></div><div class="ccms_form_element cfdiv_radio" id="avondwake_container_div"><label>Avondwake</label><input type="hidden" name="input_avondwake" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_avondwake" id="input_avondwake_1" title="" value="1" checked="checked" class="">
<label for="input_avondwake_1">Nee</label>
<input type="radio" name="input_avondwake" id="input_avondwake_2" title="" value="2" class="">
<label for="input_avondwake_2">Ja</label>
</div><div class="clear"></div><div id="error-message-input_avondwake"></div></div><div class="ccms_form_element cfdiv_radio" id="kerkdienst_container_div"><label>Kerkdienst</label><input type="hidden" name="input_kerkdienst" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_kerkdienst" id="input_kerkdienst_1" title="" value="1" checked="checked" class="">
<label for="input_kerkdienst_1">Nee</label>
<input type="radio" name="input_kerkdienst" id="input_kerkdienst_2" title="" value="2" class="">
<label for="input_kerkdienst_2">Ja</label>
</div><div class="clear"></div><div id="error-message-input_kerkdienst"></div></div><div class="ccms_form_element cfdiv_select" id="kist_container_div"><label>Kist</label><select size="1" class="" title="" name="input_kist">
<option value="1">Standaard</option>
<option value="2">Eiken</option>
<option value="3">Wit</option>
<option value="4">Speciaal model</option>
</select>
<div class="clear"></div><div id="error-message-input_kist"></div></div><div class="ccms_form_element cfdiv_select" id="kaarten_container_div"><label>Kaarten</label><select size="1" class="" title="" name="input_kaarten">
<option value="1">Eenvoudig</option>
<option value="2">Met afbeelding</option>
<option value="3">Speciale wensen</option>
</select>
<div class="clear"></div><div id="error-message-input_kaarten"></div></div><div class="ccms_form_element cfdiv_text" id="aantal_kaarten_container_div"><label>Aantal kaarten</label><input maxlength="5" size="21" class=" validate['number']" title="" type="text" value="" name="input_aantalkaarten" />
<div class="clear"></div><div id="error-message-input_aantalkaarten"></div></div><div class="ccms_form_element cfdiv_select" id="advertentie_container_div"><label>Advertentie</label><select size="1" class="" title="" name="input_advertentie">
<option value="1">Ja, in regio</option>
<option value="2">Nee</option>
<option value="3">Ja, landelijk</option>
<option value="4">Speciale editie</option>
</select>
<div class="clear"></div><div id="error-message-input_advertentie"></div></div><div class="ccms_form_element cfdiv_select" id="muziek_container_div"><label>Muziek</label><select size="1" class="" title="" name="input_muziek">
<option value="1">Ja</option>
<option value="2">Nee</option>
<option value="3">Digitaal</option>
<option value="4">Live</option>
</select>
<div class="clear"></div><div id="error-message-input_muziek"></div></div><div class="ccms_form_element cfdiv_radio" id="bloemen_container_div"><label>Bloemen</label><input type="hidden" name="input_bloemen" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_bloemen" id="input_bloemen_1" title="" value="1" class="">
<label for="input_bloemen_1">Nee</label>
<input type="radio" name="input_bloemen" id="input_bloemen_2" title="" value="2" checked="checked" class="">
<label for="input_bloemen_2">Ja</label>
</div><div class="clear"></div><div id="error-message-input_bloemen"></div></div><div class="ccms_form_element cfdiv_text" id="hoeveel_mensen_verwacht_u_container_div"><label>Hoeveel mensen verwacht u</label><input maxlength="5" size="21" class=" validate['number']" title="" type="text" value="" name="input_hoeveelmensen" />
<div class="clear"></div><div id="error-message-input_hoeveelmensen"></div></div><div class="ccms_form_element cfdiv_checkboxgroup radios_over" id="consumpties_container_div"><label>Consumpties</label><input type="hidden" name="input_consumpties" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="checkbox" name="input_consumpties[]" id="input_consumpties_1" title="" value="1" class="">
<label for="input_consumpties_1">Koffie</label>
<input type="checkbox" name="input_consumpties[]" id="input_consumpties_2" title="" value="2" class="">
<label for="input_consumpties_2">Cake</label>
<input type="checkbox" name="input_consumpties[]" id="input_consumpties_3" title="" value="3" class="">
<label for="input_consumpties_3">Broodjes</label>
<input type="checkbox" name="input_consumpties[]" id="input_consumpties_4" title="" value="4" class="">
<label for="input_consumpties_4">Frisdrank</label>
<input type="checkbox" name="input_consumpties[]" id="input_consumpties_5" title="" value="5" class="">
<label for="input_consumpties_5">Bier / wijn</label>
<input type="checkbox" name="input_consumpties[]" id="input_consumpties_6" title="" value="6" class="">
<label for="input_consumpties_6">Hartige hapjes</label>
<input type="checkbox" name="input_consumpties[]" id="input_consumpties_7" title="" value="7" class="">
<label for="input_consumpties_7">Anders (bij wensen invullen)</label>
</div><div class="clear"></div><div id="error-message-input_consumpties"></div></div><div class="ccms_form_element cfdiv_select" id="asbestemming_container_div"><label>Asbestemming</label><select size="1" class="" title="" name="input_asbestemming">
<option value="1">Niet van toepassing</option>
<option value="2">Asbus naar de familie</option>
<option value="3">Verstrooien terrein crematorium</option>
<option value="4">Verstrooien over zee</option>
<option value="5">Urnemuur / urnegraf</option>
<option value="6">Anders (bij wensen invullen)</option>
</select>
<div class="clear"></div><div id="error-message-input_asbestemming"></div></div><div class="ccms_form_element cfdiv_select" id="dragers_container_div"><label>Dragers</label><select size="1" class="" title="" name="input_dragers">
<option value="1">Familie</option>
<option value="2">Vereniging</option>
<option value="3">Onderneming</option>
</select>
<div class="clear"></div><div id="error-message-input_dragers"></div></div><div class="ccms_form_element cfdiv_header" id="_h4_strong_de_standaardtijd_voor_de_aula_is_45_minuten_strong_h4___container_div"><h4><strong>De standaardtijd voor de aula is 45 minuten.</strong></h4><div class="clear"></div></div><div class="ccms_form_element cfdiv_custom" id="input_custom_55_container_div"><div class="clear"></div><div id="error-message-input_custom_55"></div></div><div class="ccms_form_element cfdiv_select" id="extra_tijd_aula_container_div"><label>Extra tijd aula</label><select size="1" class="" title="" name="input_extratijdaula">
<option value="1">0</option>
<option value="2">15</option>
<option value="3">30</option>
<option value="4">45</option>
</select>
<div class="clear"></div><div id="error-message-input_extratijdaula"></div></div><div class="ccms_form_element cfdiv_header" id="_h4_strong_de_standaardtijd_voor_de_koffiekamer_is_45_minuten_strong_h4___container_div"><h4><strong>De standaardtijd voor de koffiekamer is 45 minuten.</strong>
 </h4><div class="clear"></div></div><div class="ccms_form_element cfdiv_custom" id="input_custom_54_container_div"><div class="clear"></div><div id="error-message-input_custom_54"></div></div><div class="ccms_form_element cfdiv_select" id="extra_tijd_koffiekamer_container_div"><label>Extra tijd koffiekamer</label><select size="1" class="" title="" name="input_extratijdkoffiekamer">
<option value="1">0</option>
<option value="2">15</option>
<option value="3">30</option>
<option value="4">45</option>
</select>
<div class="clear"></div><div id="error-message-input_extratijdkoffiekamer"></div></div><div class="ccms_form_element cfdiv_select" id="vervoer_container_div"><label>Vervoer</label><select size="1" class="" title="" name="input_vervoer">
<option value="1">Rouwauto zwart</option>
<option value="2">Rouwauto grijs</option>
<option value="3">Rouwauto wit</option>
<option value="4">Uitvaartbus</option>
<option value="5">Koets</option>
<option value="6">Anders</option>
</select>
<div class="clear"></div><div id="error-message-input_vervoer"></div></div><div class="ccms_form_element cfdiv_radio" id="volgauto_container_div"><label>Volgauto</label><input type="hidden" name="input_volgauto" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_volgauto" id="input_volgauto_1" title="" value="1" checked="checked" class="">
<label for="input_volgauto_1">Nee</label>
<input type="radio" name="input_volgauto" id="input_volgauto_2" title="" value="2" class="">
<label for="input_volgauto_2">Ja</label>
</div><div class="clear"></div><div id="error-message-input_volgauto"></div></div><div class="ccms_form_element cfdiv_custom" id="_container_div"><label for="input_id_44">    </label><div class="clear"></div><div id="error-message-input_space"></div></div><div class="ccms_form_element cfdiv_textarea" id="speciale_wensen_container_div"><label>Speciale wensen</label><textarea cols="75" rows="12" class="" title="" type="textarea" name="input_specialewensen">
@yourservice 23 Feb, 2012
Can someone please help out? My friend is getting impatient.

Is this HTML I use within the template? Then why is there no result for border=1 in my table?

I just want my email to look like my form instead of the result I'm getting now!

Got the solution, so simple...

Send as was text instead of html😟

Is it also possbile to use if statements?
GreyHead 23 Feb, 2012
Hi @yourservice,

Yes you can use if statements and PHP in the the Email template.

Note that you can't use {input_name} with PHP - use $form->data['input_name'] instead.

Bob
@yourservice 23 Feb, 2012
Now I have:

<tr>
<td>
<script type="text/javascript">
if {input_begrafeniscrematie} = 1
  {
  Begrafenis of crematie: Begrafenis
  }
else
  {
  Begrafenis of crematie: Crematie
  }
</script>
</td>
</tr>


Which gives an empty box...

So for JavaScript it should be:

<tr>
<td>
<script type="text/javascript">
if $form->data['input_begrafeniscrematie'] = "1"
  {
  Begrafenis of crematie: Begrafenis
  }
else
  {
  Begrafenis of crematie: Crematie
  }
</script>
</td>
</tr>
GreyHead 23 Feb, 2012
Hi @yourservice,

Except that you can't use JavaScript here that only works in the browser. You need PHP
<?php
if ( $from->data['input_begrafeniscrematie']  == 1 )
  {
  echo "Begrafenis of crematie: Begrafenis";
  }
else
  {
  echo "Begrafenis of crematie: Crematie";
  }
?>

Bob
@yourservice 23 Feb, 2012
But I could not use {input_begrafeniscrematie} with PHP?

If I only use this as a template I get an empty mail (with only the senders IP address).


<?php
if $form->data['input_begrafeniscrematie'] = 1
  {
  echo "Begrafenis of crematie: Begrafenis";
  }
else
  {
  echo "Begrafenis of crematie: Crematie";
  }
?>
GreyHead 23 Feb, 2012
Hi @yourservice »,

Sorry, I was in a hurry and missed a change out. I've corrected the if () line in my earlier post.

Bob
@yourservice 23 Feb, 2012
Thnx Bob, that's the solution, also the ... == 1 is very important.

I will post my results here if that's ok with you.

Cheers,

@ys
This topic is locked and no more replies can be posted.