Forums

Hi everybody.

I got a little situation here...
I'm a guy from Denmark and i just installed the Chronoforms.
And i the Tutorial it shows that you can make the boxes in line.
Just add the

<style type=text/css>
@import url(templates/css/form.css):
</style>

I did that, but still the boxes is not standig in a straight line, like in the movie.

what do i do wrong?

Where should i type in my template name?
Let´s say my template name is: templates/rhuk_milkyway

Best regards Kim Christiansen

And thanks alot for a real good looking form program.

By the way, this is how my code looks like now::huh:

<fieldset>
<legend>Conton.dk</legend>
<b>Indtast oplysninger og tryk på SEND, vi behandler din booking indenfor 24 timer.</b><br /><br />

<td colspan="8"><b><font face="Verdana" size="1">Oplysninger om dem:</font></b><font face="Verdana" size="1"><br></b><br /><br />
<style type="text/css"> 
<label for="Navn">Navn : </label>
<input type="text" name="Navn" id="Navn" tabindex="510" value="<?php echo $my->name?>"<?php echo $readonl?> />

<label for="Telefon">Telefon : </label>
<input type="text" name="Telefon" id="Telefon" tabindex="510" value="<?php echo $my->name?>"<?php echo $readonl?> /><br />

<label for="Kontakt person">Kontakt person : </label><input type="text" name="Kontaktperson" id="Kontaktperson" tabindex="510" value="<?php echo $my->name?>"<?php echo $readonl?> /><br />

<label for="Mobil">Mobil : </label>
<input type="text" name="Mobil" id="Mobil" tabindex="510" value="<?php echo $my->name?>"<?php echo $readonl?> /><br />

<label for="Email">Email : </label><input type="text" name="Email" id="Email"
tabindex="511" value="<?php echo $my->email?>"<?php echo $readonl?> /> <br />

<b>Model beskrivelse</b><br /><br />
<label for="Model">Modeltype : </label><select name="Model" id="Model" tabindex="512">
<option value="Vælg fra listen"<?php echo $in ?>>Vælg fra listen</option>
<option value="Glarmour">Glarmour</option>
<option value="Nude">Nude</option>
<option value="Topløs">Topløs</option>
<option value="Andet"<?php echo $out ?>>Andet</option>
</select> <br />
<label for="Opgave">Opgavetype : </label><select name="Opgave" id="Opgave" tabindex="515">
<option value="Vælg fra listen"<?php echo $in ?>>Vælg fra listen</option>
<option value="Flyer handling">Flyer handling</option>
<option value="Promotion">Promotion</option>
<option value="Event">Event</option>
<option value="Happening">Happening</option>
<option value="Statist">Statist</option>
<option value="Bodypaint">Bodypaint</option>
<option value="Sushipige">Sushipige</option>
<option value="Event">Event</option>
<option value="Foto shoot">Foto shoot</option>
<option value="TV reklame">TV reklame</option>
<option value="Servering">Servering</option>
<option value="Messepige">Messepige</option>
<option value="Bunnypige">Bunnypige</option>
<option value="Danser">Danser</option>

<option value="Andet"<?php echo $out ?>>Andet</option>
</select> <br />
<label for="Dato">Date : </label><input type="text" name="Dato" id="Dato" tabindex="513" value="dd/mm/åå" /> <br />
<b>Skriv datoen for opgaven</b><br /><br />
<label for="Tid">Date : </label><input type="text" name="Tid" id="Tid" tabindex="513" value="24:00" /> <br />
<b>Skriv venligst på hvilken tid af dagen de skal komme</b><br /><br />
<label for="details">Details : </label><textarea cols=40 rows=4 name="details" 
id="details" tabindex="514"></textarea><br />
</style>
</fieldset>
<fieldset>
<legend>Send</legend>
<!-- This line makes sure that only visitors see the image verification, not the registered members -->
<?php if(!$my->id){ ?>  
{imageverification}
<?php } ?>
<input type="submit" value="Send" tabindex="515" /> <input type="reset" value="Start over" tabindex="516" /></fieldset>
<script language="javascript">
document.ChronoContact_checkincheckout.fromname.focus();
</script>

Hi Kims,

Do you have a templates/css/form.css file in your template? If not you'll need to create one. or find something suitable on the internet.

Bob

PS You have an unclosed <style> tag in your code that might cause some problems.

Kim,

In your code I see :
<style type="text/css">

Where does this get closed ? remove it, I see it not necessary, also, where is the :
<style type=text/css>
@import url(templates/css/form.css):
</style>

I cant see it in your code! put it at the top!

also, templates/css/form.css is some file which must exist at your server relative to your joomla root, create it and add the correct styles there or this is useless!!

Cheers

Max

Hi,
I'm having also problems using css-styling with the forms created by chronoforms. I haven't been able to find form.css file anywhere and googling hasn't been helpful.
I'd be grateful if someone could send a form.css that contains styling for the most used chronoform div id's etc, if you know what I mean.
I tried one found at http://jeffhowden.com/code/css/ but the names were different and I'm very new with css so I don't know how to change them.
Thank you!

Hi epd,

whats the problem you are having exactly ? which Chronoforms version do you have ? which Joomla version ? how did you create your form ?