hi, i have created an appointment form , and am planning to use it on the left module position, form displays fine but i think i could use less vertical space
by putting more than one field in the same row i am using j1.5 CF 3.0 stable and doint this using the chronoform module
eg.
something similar to this http://jeddah.palmeirah.com/ at the right side, but i wont have them linked or anything, just want a similar layout
right now i have
Email
[ ]
Phone
{ }
Year
[ ] <=========== i dont need this width for just 4 digits, but no matter what i set as width i get the same
MAKE
[ ] <---------------- same for this and others, plus would like to have more than one per row
MODEL
[ ]
I would like to have something like :
Email [ ]
Phone { }
YEAR MAKE Model
{1997 } { Chevrolet } {Blazer}
any ideas?
by putting more than one field in the same row i am using j1.5 CF 3.0 stable and doint this using the chronoform module
eg.
something similar to this http://jeddah.palmeirah.com/ at the right side, but i wont have them linked or anything, just want a similar layout
right now i have
[ ]
Phone
{ }
Year
[ ] <=========== i dont need this width for just 4 digits, but no matter what i set as width i get the same
MAKE
[ ] <---------------- same for this and others, plus would like to have more than one per row
MODEL
[ ]
I would like to have something like :
Email [ ]
Phone { }
YEAR MAKE Model
{1997 } { Chevrolet } {Blazer}
any ideas?
Hi arana,
Yes, edit the Form HTML (and maybe the css too) to get whatever layout you want. ChronoForms offers some default layout but you are free to change anything about it that you want.
Bob
Yes, edit the Form HTML (and maybe the css too) to get whatever layout you want. ChronoForms offers some default layout but you are free to change anything about it that you want.
Bob
well i did try to change the form code, but no matter what i did i didnt get 2 rows on a line , when putting them in a module
i changed the css a bit, only for smalle fonts and smaller height lines. but since i am not into web design i really just change small bits
dont know how to achieve this, i figured maybe changing the CLEAR cstyle?
btw thank you for answering all my questions.
i changed the css a bit, only for smalle fonts and smaller height lines. but since i am not into web design i really just change small bits
dont know how to achieve this, i figured maybe changing the CLEAR cstyle?
btw thank you for answering all my questions.
i just created this for this post, it is not my actual form which is a lot bigger.
i create a module with chronoforms module , and i get 3 rows i tired removing the <div class="clear"> </div> between them but i get same results
<div class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Year</label><input class="cf_inputbox required validate-number" maxlength="150" size="5" id="text_0" name="text_0" type="text"></div><div class="clear"> </div></div><div class="form_item"><div class="form_element cf_textbox"><label class="cf_label">make</label><input class="cf_inputbox required" maxlength="150" size="15" id="text_1" name="text_1" type="text"></div><div class="clear"> </div></div><div class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Model</label><input class="cf_inputbox" maxlength="150" size="15" id="text_2" name="text_2" type="text"></div><div class="clear"> </div></div>i create a module with chronoforms module , and i get 3 rows i tired removing the <div class="clear"> </div> between them but i get same results
Hi arana,
Bob
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">Year: make : model</label><br />
<input class="cf_inputbox required validate-number" maxlength="150" size="5" id="text_0" name="text_0" type="text">
<input class="cf_inputbox required" maxlength="150" size="15" id="text_1" name="text_1" type="text">
<input class="cf_inputbox" maxlength="150" size="15" id="text_2" name="text_2" type="text">
</div>
<div class="clear"> </div>
</div>
Bob
well that one didnt show as i expected but it surely sent me in the right direction, had to add style each input box individualy, didnt want to change the css coz it would affect the rest of my forms.
here is the code, i am sure i am not the only noob needing this kind of layout:
a BIG thank you
here is the code, i am sure i am not the only noob needing this kind of layout:
<html>
<head>
</head>
<body>
<div class="form_item">
<div class="form_element cf_textbox" style="margin-left: 1px;">
<table border="0">
<tbody>
<tr>
<td> <label
style="line-height: 10px; width: 40px; font-size: 10px;"
class="cf_label">Year</label></td>
<td> <label
style="line-height: 10px; width: 40px; font-size: 10px;"
class="cf_label">Make</label></td>
<td> <label
style="line-height: 10px; width: 40px; font-size: 10px;"
class="cf_label">Model</label></td>
</tr>
<tr>
<td>
<input style="width: 40px; font-size: 10px;"
class="cf_inputbox required validate-number" maxlength="150"
size="5" id="text_4" name="text_4" type="text"></td>
<td>
<input style="width: 40px; font-size: 10px;"
class="cf_inputbox required" maxlength="150" size="15"
id="text_5" name="text_5" type="text"></td>
<td>
<input style="width: 40px; font-size: 10px;"
class="cf_inputbox" maxlength="150" size="15"
id="text_6" name="text_6" type="text"></td>
</tr>
</tbody>
</table>
</div>
<div class="clear"> </div>
</div>
</body>
</html>
a BIG thank you
Hi arana,
make sure you check V3.1 (coming out in a few days hopefully) because it will has forms themes and you can apply different themes to any form created using the wizard and you can also change themes or create them easily!
Regards
Max
make sure you check V3.1 (coming out in a few days hopefully) because it will has forms themes and you can apply different themes to any form created using the wizard and you can also change themes or create them easily!
Regards
Max
This topic is locked and no more replies can be posted.
