Text in email received hard to read

Hello and Howdy!

This is my first form and first website and so far I've been very impressed with both joomla and Chronoforms. Just a quick question. First time I made the form I thought I could save it and go back in and edit it, but alas this is not the case (that I'm aware of anyway) so first question is: is there a way to restructure a form already saved or does one need to start over with a new form? There is an error on 2 of the drop down menu's that I need to fix. But how do i do that without starting the form over new?

Also:

This is what I receive as the email:

Phoenix Fury Application Form:
Nickname in game: Tigtesting
How long have you been playing WoW?testing
Gender
MaleMale
MaleFemale
Time Zone: testing
Age group:
Under 18Under 18
Under 1818 To 24
Under 1825 To 30
Under 1831 To 35
Under 18 35+
Our language in Guild chat tends to be for mature audiences only. Under 18s may find it uncomfortable at times. If you think you might fall into this category then we are not the Guild for you.
What are you looking for in a Guild?testing
How did you find us?testing
Your Character's Name:testing
ProfessionEngineering
ProfessionEnchanting
Spec:
Dps
HealerHealer
Tank
Specific Interests:
Questing Solo
Questing With Guildies
5 Man Dungeons
5 -10* Man Dungeons(1)
BattlegroundsBattlegrounds
Arena Teams
Raiding Ally Towns(2)
PVP Outside Of Battlegrounds/Arena(2)
Other Other
If you ticked "Other" above then please specify:testing
(1) We are currently working on a plan to unite several guilds together to gather up the manpower to be able to build large raid groups for dungeons of this magnitude.
(2) This guild is not looking for people who wish to raid ally towns or pvp outside of Arena/Battlegrounds. If this is what you're into you will not be satisfied in this Guild.

It would appear that the "answers" are simply duplicates beside the options. Is there anyway to clean this up so it shows only the answers? is there a tutorial on email templates or something?

thank you!
Tig

Hi Wolfgift,

You can edit the Form Html on the Form Code tab in the Forms Manager. CF writes unformatted HTML (no line breaks) and in IE misses out some other useful formatting so It's worth running your code through HTML Tidy before editing it.

The automatic email template is also not very good at complex forms. You can edit the template in the Email Template tab. You may need to turn 'Use HTML Editor' to 'No' in the Email tab to get at the raw html.

The auto template is particularly unhelpful with select boxes and checkbox/radio groups. If you post a sample snippet of the template code here we can show you how to change it.

Bob

* falls out of her chair at the swift reply *

LOL! found the answer to question one about editing the html to revamp the form. I fixed the two drop down menu's, and was looking at the code for the check boxes.

Here is the code to one of the problem areas:

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label">Age group:</label>
    <div class="float_left">
      <input value="Under_18" class="radio validate-one-required" id="Under_182" name="radio2" type="radio">
      <label for="Under_182" class="radio_label">Under 18</label><br>
      <input value="18 to 24" class="radio" id="18_to 242" name="radio2" type="radio">
      <label for="18_to 242" class="radio_label">18 To 24</label><br>
      <input value="25 to 30" class="radio" id="25_to 302" name="radio2" type="radio">
      <label for="25_to 302" class="radio_label">25 To 30</label><br>
      <input value="31 to 35" class="radio" id="31_to 352" name="radio2" type="radio">
      <label for="31_to 352" class="radio_label">31 To 35</label><br>
      <input value=" 35+" class="radio" id="_35+2" name="radio2" type="radio">
      <label for="_35+2" class="radio_label"> 35+</label><br>
    </div>
  </div>
<div class="clear"> </div>
</div>

It's probably a matter of adding underscores or something, which I'm cool with doing if you show me where there needed =))

Tig!

Hi Tig,

I reformatted the HTML - just added a few line breaks and the top & tail div tags.

This all looks fine - there's a tiny problem with the last checkbox - the space in " 35+" gives an id of "_35+" which is technically illegal but probably won't cause any problems in practice (names and ids can't start with an _ and can't include +)

For the Email template you probably have something that looks like

Age group:
{radio2}Under 18
{radio2}18 To 24
{radio2}25 To 30
{radio2}31 To 35
{radio2} 35+

If you replace this with

Age group: {radio2}

Your email should read

Age group: Under 18

Bob

Awesome! got the age group fixed in the email template html. working on the others now...

Could you just confirm for me what here needs underscores and what doesn't? I'm so close to fixing this I can taste it!

input value="Raiding Ally towns(2)"
class="radio"
id="Raiding_Ally_towns(2)"
name="Raiding_Ally_towns(2)"
type="checkbox">
label for="Raiding_Ally_towns(2)"
class="check_label">Raiding Ally Towns(2)

Thank you so much!
tig

Hi Tig,

All of those look OK from the underscore point of view. Spaces are Ok in value attributes, and in plain html (for example between <label>Some text here</label> tags)

There is a possible problem with parentheses '()' as these are not technically valid in the id or name attributes. It looks as though they are there so that the Label refers to the Notes. They are fine in the Label code but should be taken out of the id & name attributes:
id="Raiding_Ally_towns"
name="Raiding_Ally_towns"

As a personal preference I'd also make these values all lower case, but they should be fine as they are here.

Bob

Okay the received email template looks good except for the following... (with all bubbles ticked)

Specific Interests:
Questing Solo
{Questing_with guildies}
{5_man dungeons}
{5_-10* man dungeons(1)}
Battlegrounds
Arena teams
{Raiding_Ally towns(2)}
{PVP_outside of Battlegrounds/Arena(2)}
Other

I'll work with it later as I've now got a headache lol!
Tig

Hi Tig,

All of those have spaces in the field names - in the form html and the template replace 'Questing_with guildies' with 'Questing_with_guildies' etc. - and probably replace the ()s too.

Bob

Evenin Bob!

Okay. Here's what I got. I removed the "()" and added the "_"'s where you suggested. Now I have new issues...

This Html code is from the Email Template and has been producing incorrect information all along.

<div class="form_item form_element cf_checkbox">
<label class="cf_label">Specific Interests:</label>

<div class="float_left">
<span>{Questing_Solo}</span><label class="check_label"
     for="Questing Solo">Questing Solo</label><br>
<span>{Questing_with_guildies}</span><label class="check_label"
     for="Questing with guildies">Questing With
     Guildies</label><br>
<span>{5_man_dungeons}</span><label class="check_label"
     for="5 man dungeons">5 Man Dungeons</label><br>
<span>{5_-10_man_dungeons}</span><label class="check_label"
     for="5 -10 man dungeons">5-10 Man Dungeons</label><br>
<span>{Battlegrounds}</span><label class="check_label"
     for="Battlegrounds">Battlegrounds</label><br>
<span>{Arena_teams}</span><label class="check_label"
     for="Arena teams">Arena Teams</label><br>
<span>{Raiding_Ally_towns}</span><label class="check_label"
     for="Raiding Ally towns">Raiding Ally Towns</label><br>
<span>{PVP_outside_of_Battlegrounds/Arena}</span><label class=
"check_label"
     for="PVP outside of Battlegrounds/Arena">PVP Outside Of
     Battlegrounds/Arena</label><br>
<span>{Other}</span><label class="check_label"
     for="Other">Other</label><br>
</div>
</div>

With all boxes ticked I get the following email: (which looks correct)

Specific Interests:

{Questing Solo}
{Questing with guildies}
{5 man dungeons}
{5 -10* man dungeons}
Battlegrounds
{Arena teams}
{Raiding Ally towns}
{PVP outside of Battlegrounds/Arena}
Other

If you ticked "Other" above then please specify:Testing

With only "Other" Ticked; I get this emailed to me... making it look like they choose all but 1 field. What's happened? Thank you for all your wonderful help by the way; you've been amazing!

Specific Interests:

{Questing Solo}
{Questing with guildies}
{5 man dungeons}
{5 -10* man dungeons}

{Arena teams}
{Raiding Ally towns}
{PVP outside of Battlegrounds/Arena}
Other

Okay. All Fixed and tested successfully WHOOT!

I have now figured out how to properly add/edit items (via HTML) to a Form already created without having to start over with a new form. I fixed the mis-reporting of check boxes. Fixed ugly alignment issues in default template by adding spaces and moving text around which I'm sure I'm the only one who didn't know how to do that lol!

But yeah, it's working perfectly.

For those having issues getting their Email template to work properly see below for comparison purposes: (I have removed double spacing to make this post a bit shorter)

* * * Form HTML: * * *
(Including only the relevant parts that the email template refers to, again to save space)

<div class="form_item form_element cf_textbox">
<label class="cf_label">First and Last name:</label> <input class=
"cf_inputbox required validate-digit"
     maxlength="150"
     size="30"
     id="First_and_Last_name"
     name="First_and_Last_name"
     type="text" />
</div>

<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">Nickname in game:</label> <input class=
"cf_inputbox required validate-alpha"
     maxlength="150"
     size="30"
     id="Nickname_in_game"
     name="Nickname_in_game"
     type="text" />
</div>

<div class="form_item form_element cf_textbox">
<label class="cf_label">Valid Email address:</label> <input class=
"cf_inputbox required validate-email"
     maxlength="150"
     size="30"
     id="Valid_Email_address"
     name="Valid_Email_address"
     type="text" />
</div>

<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">How long have you been playing?</label> <input class=
"cf_inputbox required"
     maxlength="150"
     size="30"
     id="playtime"
     name="playtime"
     type="text" />
</div>

<div class="form_item">
<div class="form_element cf_radiobutton">
<label class="cf_label">Gender</label>

<div class="float_left">
<input value="Male"
     class="radio validate-one-required"
     id="Male0"
     name="Male0"
     type="radio" /><label for="Male0"
     class="radio_label">Male</label><br />
<input value="Female"
     class="radio"
     id="Female0"
     name="Female0"
     type="radio" /><label for="Female0"
     class="radio_label">Female</label><br />
</div>
</div>

<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">Time Zone:</label> <input class=
"cf_inputbox required validate-alpha"
     maxlength="150"
     size="30"
     id="Time_Zone"
     name="Time_Zone"
     type="text" />
</div>

<div class="form_item">
<div class="form_element cf_radiobutton">
<label class="cf_label">Age group:</label>

<div class="float_left">
<input value="Under_18"
     class="radio validate-one-required"
     id="Under_182"
     name="radio2"
     type="radio" /> <label for="Under_182"
     class="radio_label">Under 18 *</label><br />
<input value="18 to 24"
     class="radio"
     id="18_to 242"
     name="radio2"
     type="radio" /> <label for="18_to 242"
     class="radio_label">18 To 24</label><br />
<input value="25 to 30"
     class="radio"
     id="25_to 302"
     name="radio2"
     type="radio" /> <label for="25_to 302"
     class="radio_label">25 To 30</label><br />
<input value="31 to 35"
     class="radio"
     id="31_to 352"
     name="radio2"
     type="radio" /> <label for="31_to 352"
     class="radio_label">31 To 35</label><br />
<input value=" 35 and up"
     class="radio"
     id="_35_and_up"
     name="radio2"
     type="radio" /> <label for="_35 and up"
     class="radio_label">35 and up</label><br />
</div>
</div>

<div class="clear">
 
</div>
</div>

<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label">What are you looking for in a Guild?</label> 
<textarea class="cf_inputbox"
     rows="3"
     id="looking_for"
     cols="30"
     name="looking_for">
</textarea>
</div>

<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label">How did you find us?</label> 
<textarea class="cf_inputbox"
     rows="3"
     id="find_us"
     cols="30"
     name="find_us">
</textarea>
</div>

<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">Your Character's Name:</label><input class=
"cf_inputbox required validate-alpha"
     maxlength="150"
     size="30"
     id="name"
     name="name"
     type="text" />
</div>

<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label">Profession</label><select class="cf_inputbox validate-selection"
     id="select_24"
     size="1"
     name="select_24">
<option value="---------">
--------
</option>

<option value="Alchemy">Alchemy</option>
<option value="Blacksmithing">Blacksmithing</option>
<option value="Enchanting">Enchanting</option>
<option value="Engineering">Engineering</option>
<option value="Herbalism">Herbalism</option>
<option value="Inscription">Inscription</option>
<option value="Jewelcrafting">Jewelcrafting</option>
<option value="Leatherworking">Leatherworking</option>
<option value="Mining">Mining</option>
<option value="Skinning">Skinning</option>
<option value="Tailoring">Tailoring</option>
<option value="Undecided ">Undecided</option>
</select>
</div>

<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label">Profession</label><select class="cf_inputbox validate-selection"
     id="select_25"
     size="1"
     name="select_25">
<option value="---------">
--------
</option>

<<option value="Alchemy">Alchemy</option>
<option value="Blacksmithing">Blacksmithing</option>
<option value="Enchanting">Enchanting</option>
<option value="Engineering">Engineering</option>
<option value="Herbalism">Herbalism</option>
<option value="Inscription">Inscription</option>
<option value="Jewelcrafting">Jewelcrafting</option>
<option value="Leatherworking">Leatherworking</option>
<option value="Mining">Mining</option>
<option value="Skinning">Skinning</option>
<option value="Tailoring">Tailoring</option>
<option value="Undecided ">Undecided</option>

<div class="form_item">
<div class="form_element cf_checkbox">
<label class="cf_label">If in a Group; what position do you prefer?</label>

<div class="float_left">
<input value="Dps"
     class="radio validate-one-required"
     id="Dps"
     name="Dps"
     type="checkbox" /><label for="Dps"
     class="check_label">Dps</label><br />
<input value="Healer"
     class="radio"
     id="Healer"
     name="Healer"
     type="checkbox" /><label for="Healer"
     class="check_label">Healer</label><br />
<input value="Tank"
     class="radio"
     id="Tank"
     name="Tank"
     type="checkbox" /><label for="Tank"
     class="check_label">Tank</label><br />
</div>
</div>

<div class="form_item">
<div class="form_element cf_checkbox">
<label class="cf_label">Specific Interests:</label>

<div class="float_left">
<input value="Questing Solo"
     class="radio"
     id="Questing_Solo"
     name="Questing_Solo"
     type="checkbox" /><label for="Questing Solo"
     class="check_label">Questing Solo</label><br />
<input value="Questing with guildies"
     class="radio"
     id="Questing_with_guildies"
     name="Questing_with_guildies"
     type="checkbox" /><label for="Questing with guildies"
     class="check_label">Questing With Guildies</label><br />
<input value="5 man dungeons"
     class="radio"
     id="5_man_dungeons"
     name="5_man_dungeons"
     type="checkbox" /><label for="5 man dungeons"
     class="check_label">5 Man Dungeons</label><br />
<input value="5 -10 man dungeons(1)"
     class="radio"
     id="5_-10_man_dungeons"
     name="5_-10_man_dungeons"
     type="checkbox" /><label for="5 -10 man dungeons(1)"
     class="check_label">5-10 Man Dungeons(1)</label><br />
<input value="Battlegrounds"
     class="radio"
     id="Battlegrounds"
     name="Battlegrounds"
     type="checkbox" /><label for="Battlegrounds"
     class="check_label">Battlegrounds</label><br />
<input value="Arena teams"
     class="radio"
     id="Arena_teams"
     name="Arena_teams"
     type="checkbox" /><label for="Arena teams"
     class="check_label">Arena Teams</label><br />
<input value="Raiding Ally towns(2)"
     class="radio"
     id="Raiding_Ally_towns"
     name="Raiding_Ally_towns"
     type="checkbox" /><label for="Raiding Ally towns(2)"
     class="check_label">Raiding Ally Towns(2)</label><br />
<input value="PVP outside of Battlegrounds/Arena(2)"
     class="radio"
     id="PVP_outside_of_Battlegrounds/Arena"
     name="PVP_outside_of_Battlegrounds/Arena"
     type="checkbox" /><label for="PVP outside of Battlegrounds/Arena(2)"
     class="check_label">PVP Outside Of Battlegrounds/Arena(2)</label><br />
<input value="Other"
     class="radio"
     id="Other"
     name="Other"
     type="checkbox" /><label for="Other"
     class="check_label">Other</label><br />
</div>
</div>

<div class="clear">
 
</div>
</div>

<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label">If you ticked "Other" above then please specify:</label> 
<textarea class="cf_inputbox"
     rows="3"
     id="text_13"
     cols="30"
     name="text_13">
</textarea>
</div>

* * * Email HTML: * * *

First and Last name: {First_and_Last_name}
Nickname in game: {Nickname_in_game}
Valid Email address: {Valid_Email_address}
How long have you been playing? {playtime}
Gender
{Male0}
{Female0}
Time Zone: {Time_Zone}
Age group:
{radio2}
What are you looking for in a Guild? {looking_for}
How did you find us? {find_us}
Your Character's Name: {name}
Profession: {select_24}
Profession: {select_25}
If in a Group; what position do you prefer?
{Dps}
{Healer}
{Tank}
Specific Interests:
{Questing_Solo}
{Questing_with_guildies}
{5_man_dungeons}
{5_-10_man_dungeons}
{Battlegrounds}
{Arena_teams}
{Raiding_Ally_towns}
{PVP_outside_of_Battlegrounds/Arena}
{Other}
If you ticked "Other" above then please specify: {text_13}

Actual Email text received:
(With only "Questing with guildies" and "Battlegrounds" ticked in last menu item)

First and Last name: Tig Tig
Nickname in game: Tig
Valid Email address: [email]Tig@gmail.com[/email]
How long have you been playing WoW? 3 years
Gender
Female
Time Zone: Testing
Age group:
31 to 35
What are you looking for in a Guild? Testing
How did you find us? Testing
Your Character's Name: BOOM
Profession: Alchemy
Profession: Herbalism
If in a Group; what position do you prefer?
Dps
Specific Interests:
Questing with guildies
Battlegrounds

If you ticked "Other" above then please specify:

This was my first, and definetly not last adventures in the great lands of HTML. Safe journey everyone!
Tig!

Hi Tig,

Well done, I was just back from dinner and about to take a look at this .

Bob

PS I added code & quote tags to improve the look a bit.