Forums

Hi. I am almost certain Chronoform (then I will purchase it) can be used for what I need. I am just trying to figure out the last part. I have a two page form for a job application. I've got it emailing properly and otherwise working.
I wanted to be able to print the application so the applicant can sign the form.
Using @import - I am styling away the footer, menu items, etc... NO PROBLEM. Totally workable and what I had in mind. However, here is my question.
_
How do I style the form itself to fit the page? I have tried styling the form itself (my div called 'applicationform' and this doesn't budge the form. It is centered with margins of about 100px on the sides and top. I tried styling the Chronocontact [myform name] div and that does nothing. Could you provide some insight?
-
Below is my code:

<STYLE type="text/css">
@media print {
   #footer {display: none;}
   #header {display: none;}
   .breadcrumbs {display: none;}
   #sidebar {display: none;}
   .moduletable_menu {display: none;}
   .moduletable {display: none;}   
   form { border: none; font: strong; vertical-align: bottom; padding-left: 3px; font-weight: bold;}
   input{ border: none; font: strong; vertical-align: bottom; padding-left: 3px; font-weight: bold;}  
}
</STYLE>

I am using the following on a button to print - but it can also be printer the same from the browser window.

<INPUT TYPE="button" onClick="window.print()">

I have this code within the HTML Code box where the form actually is.
Thanks,
- David

Hi David,

I'm guessing that you probably need to style the form. The htnl box sits inside the Form tags so maybe having your css there isn't affecting the form itself. Add the css in your template header and see if that does the trick?

Bob

Hi David,

Try opening chronocontact.html.php and remove the table code which surrounds the form, may be this makes some problem!!

Max

Hi. I forgot to answer this. Removing the tags did the trick and this was resolved. Thanks again.
- DK

I would also like to print one of my forms and if I use the code:

<INPUT TYPE="button" onClick="window.print()>

full page (baner, menu, form,...) is printed. I would just like to print the form, as shown in this picture:
http://img218.imageshack.us/img218/3940/imagefo9.jpg

Hi ExSpiit,

You could do this by modding your template to hide the other elements when the display mode is print; or you could have this open a pop-up using index2.php which will show only the page content.

Bob

I add:

<STYLE type="text/css"> 
@media print { 
   #footer {display: none;} 
   #header {display: none;} 
   .breadcrumbs {display: none;} 
   #sidebar {display: none;} 
   .moduletable_menu {display: none;} 
   .moduletable {display: none;}    
   form { border: none; font: strong; vertical-align: bottom; padding-left: 3px; font-weight: bold;} 
   input{ border: none; font: strong; vertical-align: bottom; padding-left: 3px; font-weight: bold;}   
} 
</STYLE>

to my Joomla template?

How can I make a popup link to show only this form?

Hi ExSpiit,

I think that Joomla has some PopUp code built-in. If you check the Joomla dev site (currently it's down) you should find it.

Bob