Forums

Hi,
I recently downloaded the free chronoforms for Joomla 2.5. I am trying to set up my form using custom html code. Looks like I have everything set up right but when I click the 'test page' button, only 'Powered By ChronoForms - ChronoEngine.com appears'. Maybe I missed a detail? I've already slid the custom field and show html options into the On Load boxes. Please help me!

Hi swaggafitness,

Hard to say from the info here (or in your two emails).

It sounds as though you may have your HTML in a Custom Code action in the On Load event. Please try copying and pasting it to a Custom Element element (from the Advanced Group) in the Preview box.

Bob

Okay Bob,
That actually worked and thank you! One more thing though...
The format of my html is a little off and the check boxes are not in the justified format like they were before. What do I need to do?

Hi swaggafitness,

That's probably something in the CSS - can't say any more from the info here :-(

Bob

Bob,
I understand html but I've never really worked with css. Do you know where I can find the css of this form and how I would need to change it? Here is the the html of my form, and if you need to check the backend of my site let me know.

<div class="registration"><form id="member-registration" class="form-validate" action="/index.php/using-joomla/extensions/components/users-component/registration-form?task=registration.register" method="post"><fieldset><legend>Full Body Revamp</legend><dl><dd></dd></dl>
<p>What is the Full Body Revamp? Click <a href="index.php/the-workout" target="_blank">here.</a></p>
<p><strong class="red">*</strong>Required field</p>
<p><label id="jform_name-lbl" class="hasTip required" title="Name::Enter your full name" for="jform_name">Name:<span class="star"> *</span></label><input id="jform_name" class="required" type="text" name="jform[name]" value="" size="30" /><label id="jform_username-lbl" class="hasTip required" title="Username::Enter your desired user name" for="jform_username"><br /></label></p>
<p><label id="jform_username-lbl" class="hasTip required" title="Username::Enter your desired user name" for="jform_username">Username:<span class="star"> *</span></label><input id="jform_username" class="validate-username required" type="text" name="jform[username]" value="" size="30" /><label id="jform_password1-lbl" class="hasTip required" title="Password::Enter your desired password - Enter a minimum of 4 characters" for="jform_password1"><br /></label></p>
<p><label id="jform_password1-lbl" class="hasTip required" title="Password::Enter your desired password - Enter a minimum of 4 characters" for="jform_password1">Password:<span class="star"> *</span></label><input id="jform_password1" class="validate-password required" type="password" name="jform[password1]" value="" size="30" /><label id="jform_password2-lbl" class="hasTip required" title="Confirm Password::Confirm your password" for="jform_password2"><br /></label></p>
<p><label id="jform_password2-lbl" class="hasTip required" title="Confirm Password::Confirm your password" for="jform_password2">Confirm Password:<span class="star"> *</span></label><input id="jform_password2" class="validate-password required" type="password" name="jform[password2]" value="" size="30" /><label id="jform_email1-lbl" class="hasTip required" title="Email Address::Enter your email address" for="jform_email1"><br /></label></p>
<p><label id="jform_email1-lbl" class="hasTip required" title="Email Address::Enter your email address" for="jform_email1">Email Address:<span class="star"> *</span></label><input id="jform_email1" class="validate-email required" type="text" name="jform[email1]" value="" size="30" /><label id="jform_email2-lbl" class="hasTip required" title="Confirm email Address::Confirm your email address" for="jform_email2"><br /></label></p>
<p><label id="jform_email2-lbl" class="hasTip required" title="Confirm email Address::Confirm your email address" for="jform_email2">Confirm email Address:<span class="star"> *</span></label><input id="jform_email2" class="validate-email required" type="text" name="jform[email2]" value="" size="30" /></p>
<h3>What are your fitness goals?</h3>
<p class="p2" style="margin-bottom: 10px;">Check any which apply from the list below</p>
<input id="c1" type="checkbox" name="questionnaire[goals][lose_weight]" value="1" /><label for="c1">I want to lose weight</label><br /><input id="c2" type="checkbox" name="questionnaire[goals][gain_muscle]" value="1" /><label for="c2">I want to gain muscle</label><br /><input id="c3" type="checkbox" name="questionnaire[goals][improve_diet]" value="1" /><label for="c3">I want to improve my diet</label><br /><input id="c4" type="checkbox" name="questionnaire[goals][getting_motivated]" value="1" /><label for="c4">I need help getting motivated</label><br /><input id="c5" type="checkbox" name="questionnaire[goals][train]" value="1" /><label for="c5">I want to train for a sport. </label>
<h3><label for="c5">Please list any additional goals below.<br /><textarea id="c6" style="margin: 10px 0 0 0; height: 200px; width: 400px;" name="questionnaire[activity][specific]"></textarea></label></h3>
<h3> Gender</h3>
<p><input type="radio" name="questionnaire[yourself][sex]" value="male" /> Male<br /><input type="radio" name="questionnaire[yourself][sex]" value="female" /> Female</p>
<p> </p>
<h3><input id="" class="text" style="width: 70px; height: 15px; margin-bottom: 5px; margin-top: 0;" type="text" name="questionnaire[yourself][age]" /> <span style="padding: 0 0 0 24px;">Your Age</span><br /><input id="" class="text" style="width: 70px; height: 15px; margin-bottom: 5px; margin-top: 0;" type="text" name="questionnaire[yourself][height]" /> <span style="padding: 0 0 0 24px;">Your Height</span><br /><input id="" class="text" style="width: 70px; height: 15px; margin-bottom: 5px; margin-top: 0;" type="text" name="questionnaire[yourself][weight]" /> <span style="padding: 0 0 0 24px;">Your Weight</span><br /><input id="" class="text" style="width: 70px; height: 15px; margin-bottom: 5px; margin-top: 0;" type="text" name="questionnaire[yourself][body_fat]" /> <span style="padding: 0 0 0 24px;">Your Body Fat</span></h3>
<h3 style="padding-top: 10px;">Outside of work, how often do you engage in vigorous activity?</h3>
<p><input type="radio" name="questionnaire[activity][frequency]" value="rarely" />Rarely. Once a week, if that.<br /><input type="radio" name="questionnaire[activity][frequency]" value="sometimes" />Sometimes. 1-3 times per week.<br /><input type="radio" name="questionnaire[activity][frequency]" value="often" />Fairly often. 3-5 times per week.<br /><input type="radio" name="questionnaire[activity][frequency]" value="every day" />Every day, at least once a day.</p>
<h3>What activities do you engage in? (Be specific)<br /><textarea id="c6" style="margin: 10px 0 0 0; height: 200px; width: 400px;" name="questionnaire[activity][specific]"></textarea></h3>
<p><!-- column --></p>
<div id="content2" style="width: 700px; float: left; margin-top: 10px;"><!-- start new column -->
<div style="float: left;">
<h3 style="width: 100%; padding-bottom: 7px;">Have you had any injuries that might affect your program?</h3>
<p><input type="radio" name="questionnaire[injuries][previous]" value="yes" />Yes<br /><input type="radio" name="questionnaire[injuries][previous]" value="no" />No</p>
<h3>If yes, please describe them below.</h3>
</div>
</div>
<br /><textarea id="c6" style="margin: 10px 0 0 0; height: 200px; width: 400px;" name="questionnaire[activity][specific]"></textarea>
<div id="content2" style="width: 700px; float: left; margin-top: 10px;"><!-- start new column -->
<div style="float: left;">
<h3 style="width: 100%; padding-bottom: 7px;">Are you currently taking any medications that could affect your program?</h3>
<p><input type="radio" name="questionnaire[injuries][previous]" value="yes" />Yes<br /><input type="radio" name="questionnaire[injuries][previous]" value="no" />No</p>
<h3>If yes, please list them below.</h3>
</div>
</div>
<br /><textarea id="c6" style="margin: 10px 0 0 0; height: 200px; width: 400px;" name="questionnaire[activity][specific]"></textarea>
<div id="left_content_tr">
<h3>Are you currently working with a trainer or following any weight reduction plans. Please be as specific as possible. What was successful and what wasn't?</h3>
<div class="column">
<h3><textarea id="c6" style="margin: 8px 0 0 0; height: 200px; width: 400px;" name="questionnaire[diet][description]"></textarea> <!-- column --></h3>
<h3 style="width: 700px; float: left;"><!-- start new column --></h3>
<div style="float: left;">
<h3 style="padding-top: 10px;">Tell us a bit about your eating habits.</h3>
<fieldset class="fs1" style="float: left;">
<p class="p1">What are your <strong>favorite</strong> healthy foods?</p>
<span style="padding: 0 15px 0 0;">1</span><input id="" class="text" type="text" name="questionnaire[favorite_food][1]" /><br /><span style="padding: 0 15px 0 0;">2</span><input id="" class="text" type="text" name="questionnaire[favorite_food][2]" /><br /><span style="padding: 0 15px 0 0;">3</span><input id="" class="text" type="text" name="questionnaire[favorite_food][3]" /><br /><span style="padding: 0 15px 0 0;">4</span><input id="" class="text" type="text" name="questionnaire[favorite_food][4]" /><br /><span style="padding: 0 15px 0 0;">5</span><input id="" class="text" type="text" name="questionnaire[favorite_food][5]" /></fieldset><fieldset class="fs1" style="margin-left: 70px; float: right;">
<p class="p1">What are your <strong>least favorite</strong> healthy foods?</p>
<span style="padding: 0 15px 0 0;">1</span><input id="" class="text" type="text" name="questionnaire[least_favorite_food][1]" /><br /><span style="padding: 0 15px 0 0;">2</span><input id="" class="text" type="text" name="questionnaire[least_favorite_food][2]" /><br /><span style="padding: 0 15px 0 0;">3</span><input id="" class="text" type="text" name="questionnaire[least_favorite_food][3]" /><br /><span style="padding: 0 15px 0 0;">4</span><input id="" class="text" type="text" name="questionnaire[least_favorite_food][4]" /><br /><span style="padding: 0 15px 0 0;">5</span><input id="" class="text" type="text" name="questionnaire[least_favorite_food][5]" /></fieldset></div>
<div style="float: left; width: 650px;">
<h3 style="padding-top: 10px;">Please list everything you might normally eat in a 24 hour period.<br /> Be as specific as possible.</h3>
<fieldset class="fs1" style="float: left;">
<p class="p1">List what times you usually eat?</p>
Time: <input id="" class="text" style="width: 100px;" tabindex="1" type="text" name="questionnaire[food_time][1]" /><br />Time: <input id="" class="text" style="width: 100px;" tabindex="3" type="text" name="questionnaire[food_time][2]" /><br />Time: <input id="" class="text" style="width: 100px;" tabindex="5" type="text" name="questionnaire[food_time][3]" /><br />Time: <input id="" class="text" style="width: 100px;" tabindex="7" type="text" name="questionnaire[food_time][4]" /><br />Time: <input id="" class="text" style="width: 100px;" tabindex="9" type="text" name="questionnaire[food_time][5]" /><br />Time: <input id="" class="text" style="width: 100px;" tabindex="1" type="text" name="questionnaire[food_time][6]" /></fieldset><fieldset class="fs1" style="float: right;">
<p class="p1">Food/Beverage typically consumed.</p>
<input id="" class="text" style="width: 350px;" tabindex="2" type="text" name="questionnaire[food_type][1]" /><br /><input id="" class="text" style="width: 350px;" tabindex="4" type="text" name="questionnaire[food_type][2]" /><br /><input id="" class="text" style="width: 350px;" tabindex="6" type="text" name="questionnaire[food_type][3]" /><br /><input id="" class="text" style="width: 350px;" tabindex="8" type="text" name="questionnaire[food_type][4]" /><br /><input id="" class="text" style="width: 350px;" tabindex="2" type="text" name="questionnaire[food_type][5]" /><br /><input id="" class="text" style="width: 350px;" tabindex="2" type="text" name="questionnaire[food_type][6]" /></fieldset></div>
<div style="float: left; width: 650px; padding-bottom: 70px;">
<h3 class="p2" style="margin-bottom: 10px;">What days of the week can you workout with us?</h3>
<input id="c1" type="checkbox" name="questionnaire[days][monday]" value="1" /><label for="c1">Monday</label><br /><input id="c2" type="checkbox" name="questionnaire[days][wednesday]" value="2" />Wednesday<label for="c2"><br /><input id="c1" type="checkbox" name="questionnaire[days][friday]" value="3" /><label for="c1">Friday<label for="c2"><br /><input id="c1" type="checkbox" name="questionnaire[days][saturday]" value="4" /><label for="c1">Saturday</label></label></label></label>
<div style="float: left; width: 650px; padding-bottom: 70px;">
<h3><label for="c3"></label>Don't miss out on amazing wellness secrets that will help improve your life forever! Would you like to receive the weekly Stay Forever Young newsletter?</h3>
<p><input type="radio" name="questionnaire[yourself][sex]" value="yes" /> Yes!<br /><input type="radio" name="questionnaire[yourself][sex]" value="no" /> No, thanks!</p>
<h3 style="padding-top: 10px;"><button class="validate" type="submit">Register</button> or <a href="http://swaggafitness.com/" title="Cancel" style="color: #1b57b1; text-decoration: none; font-weight: normal;">Cancel</a></h3>
</div>
</div>
</div>
</div>
</fieldset></form></div>

Nevermind that last post! I'm in the Form Wizard trying to edit the label text of a text box. After I click save and test form, nothing changes.

Hi swaggafitness,

I have already replied to your other post about the Label edit.

Looking at the HTML here it seems to me that you have copied the Joomla! registration form and added some extra inputs. YOu have left the <form> tags in so this won't work unless you remove these or turn the ChronoForms form tags off on the form General tab. (Nested <form> tags are invalid HTML.)

Note: If you leave these tags in then the form will submit the the Joomla! User component and ChronoForms will never see the results.

Bob