MachForm Community Forums » MachForm 2

1. DerekBates
   Member

   I've got the forms working perfectly except they show up without any style at all.
   http://www.pendlesoft.co.uk/test/estimate_form.htm is an example.

   Posted 13 years ago #

2. mattdmin
   Member

   Have you modified the .css of the form? That is a standard form put out with no .css modification.

   Posted 13 years ago #

3. DerekBates
   Member

   I thought the form would look like it does in the editor view window. With shadow and header (which I've altered my making my own graphic and over-writing the Machform one.) Screen shot from editor...
   http://www.pendlesoft.co.uk/test/temp.htm

   Posted 13 years ago #
4. 

   yuniar

   When being embedded, MachForm automatically stripped those borders and header indeed. However, if you would like to keep those border and header, it's pretty simple to do so.

   Simply edit your form CSS code, search all code which started with the code ".embed" and remove all of them.
   These codes:

   /** Embedded Form **/
   
   .embed #top, .embed #bottom, .embed h1{
   	display: none;
   }
   
   .embed #form_container{
       border: none;
   	width: 100%;
   	background: none;
   }
   
   .embed #footer{
   	text-align: left;
   	padding-left: 10px;
   	width: 99%;
   }
   
   .embed #footer.success{
   	text-align: center;
   }
   
   .embed form.appnitro
   {
   	margin:0px 0px 0;
   
   }

   remove them and then refresh your browser. That should do it.

   ---

   MachForm Founder

   Posted 13 years ago #

5. dahrius1
   Member

   I had to actually hard-code a .css into the container that I imbedded my form into. The view.css that is supposed to be with every form does not map correctly. You will have to hard code where the css is. It is a good thing to do anyway if you want all of your forms to look the same rather than having a view.css for every form.

   Posted 13 years ago #

RSS feed for this topic

Reply

You must log in to post.