MachForm Community Forums » MachForm 2

1. Segovia
   Member

   I've tried entering the code into WordPress but it displays the code instead of the form. How do I get around this? Thank you.

   Posted 16 years ago #

2. jennifergrant
   Member

   You need to switch from "visual" to "html" view when editing the post and add '' at the beginning of the code and '' at the end (no quotes though)

   Of course, more simply you can click the "code" button before you insert the code in html view and the again after. :)

   Hope that helps!

   Posted 16 years ago #

3. Segovia
   Member

   Thanks. I'm still having a really tough time figuring this out.

   I tried adding a single quote at the beginning and end of the code. I also tried double quotes. And also tried the code tags (before and after) but the form still doesn't show up. Only the code. All this in HTML mode.

   Does anyone have any other ideas?

   Posted 16 years ago #
4. 

   yuniar

   Can you let me know what is your WordPress version?
   Also, an URL to the page where you embed the form would be helpful.

   If you don't want to post it here, please mail to: customer.service [at] appnitro.com

   ---

   MachForm Founder

   Posted 16 years ago #

5. Segovia
   Member

   Thank you. I finally figured it out. I was using the Advanced code instead of the Standard. Duh! Sometimes the answer is right in front of your nose :-)

   Posted 16 years ago #

6. rachel4photos
   Member

   okay, so i had a similar problem and figured it out. thanks. but now it is only the form that is showing up and is not including the custom header i created for my forms. I tried changing the iframe to a larger number but that didn't do anything. thank you in advance for any help.

   Posted 16 years ago #
7. 

   yuniar

   Hi Rachel,

   If you would like to display your form header, you will need to edit your form CSS.
   Click "Edit CSS" from your machform panel and search for this block of code:

   /** 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;
   
   }
   
   /** Integrated Form **/
   .integrated *{
   	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   	color: #000;
   }
   
   .integrated #top, .integrated #bottom, .integrated h1{
   	display: none;
   }
   
   .integrated #form_container{
       border: none;
   	width: 99%;
   	background: none;
   }
   
   .integrated #footer{
   	text-align: left;
   	padding-left: 10px;
   	width: 99%;
   }
   
   .integrated #footer.success{
   	text-align: center;
   }
   
   .integrated form.appnitro
   {
   	margin:0px 0px 0;
   
   }
   
   .integrated form .section_break h3
   {
   	border: none !important;
   }
   
   .integrated #error_message h3
   {
   	border: none !important;
   
   }

   remove all of them.

   After that, make sure to delete your browser cache/hard refresh to see the result.

   ---

   MachForm Founder

   Posted 16 years ago #

8. jan1977
   Member

   Hi this is also what I am trying to figure out how to do but I can't figure out where I enter the code? On a Wordpress page?

   Posted 11 years ago #
9. 

   yuniar

   Are you still using version 2? If so, simply click the "Edit CSS" menu to enter the code.

   ---

   MachForm Founder

   Posted 11 years ago #

RSS feed for this topic

Reply

You must log in to post.