MachForm Community Forums » MachForm 2

1. andriamullaney
   Member

   Hi,

   I just purchased your software (love it so far) and have created a contact form for my site. However when I add the iframe to my already existing page the white background that should be there on my form goes away and becomes transparent (which visually is not working).

   Here is the form I created which looks great (I still have to customize it):
   http://www.theyardgroomer.com/machform/view.php?id=1

   Now here is what happens when I take the iframe code and paste it onto my web page:
   http://theyardgroomer.com/index-7.html

   HELP!!!! :)

   Thank you so much....I'm guessing it's something pretty easy that I need to change but I have no clue where to look.

   Posted 15 years ago #
2. 

   redityo

   Hi,

   The solution is in here :

   http://www.appnitro.com/forums/topic/how-to-create-elegant-urls

   You can try to remove or make comment for these code in your CSS form :

   /** 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;
   
   }

   ---

   MachForm Support

   Posted 15 years ago #

3. andriamullaney
   Member

   Thanks for the response. I tried what you said and it didn't work. I even tried reposting everything to a new page....

   See the latest form on my site:
   http://theyardgroomer.com/index-9.html

   What I did was paste in my iframe code into the body section of the index-9.html page (under the flash). I then went into my view.css file and deleted the entire integrated section that you mentioned above and uploaded both files to my server and still no luck. What am I doing wrong?

   I may need more detailed instructions as to which files to go into and what to do as what I tried above didn't work and the code is still being stripped from my form.

   Thank you so much! I really appreciate it!

   Posted 15 years ago #

4. andriamullaney
   Member

   Also, if I shouldn't be using the standard iframe code and need to use the advanced code can you walk me through how to do it. I tried pasting the advanced code into my index-9.html file and then resaved the html file as a .php file, then uploaded it to my server but that didn't work either.

   http://www.theyardgroomer.com/index-9.php

   Thanks again, I'm new at this!!!!

   Posted 15 years ago #

5. andriamullaney
   Member

   BTW....I did double check to ensure I took out the code you suggested above in my ./data/form_1/css/view.css file. Still no luck.

   Any help more ideas? I'd love to finish this form today. :)

   THANKS!

   Posted 15 years ago #

6. andriamullaney
   Member

   Also, I figured out to change the background color but it wont stay white...why?

   Posted 15 years ago #

7. andriamullaney
   Member

   I just got it to work.......no need for a response.

   Posted 15 years ago #

8. pampas
   Member

   Andria
   How did you fix it?
   Can you please share it?
   Thanks

   Posted 15 years ago #

9. andriamullaney
   Member

   Sure...I found the following post:
   http://www.appnitro.com/forums/topic/file-upload-field-background-color?replies=3#post-2672

   And then added the background-color line of code below to my .css file and it worked!

   #main_body input.file
   {
   color:#333;
   font-size:100%;
   margin:0;
   padding:2px 0;
   background-color:#FF0000; <-- add this line
   }

   Posted 15 years ago #

RSS feed for this topic

Reply

You must log in to post.