MachForm Community Forums » MachForm 2

1. tkdsite
   Member

   Unfortunately, when using the PHP insert onto my pages, I've noticed that my footer gets messed up. The only way it works is to use the iframe option, which is really not preferable for many reasons. The challenge I'm having is that there is no way I can change the css for the footer of my web sites since that would involve a lot of work. It's much easier to just find and change what isn't working in the MachForm.

   Now here's the problem. I can't change any of the CSS variable names because, from what I understand, MachForm is partially encoded and I'm guessing that this would involve way too much work. Is there something you might be able to suggest?

   Posted 16 years ago #
2. 

   yuniar

   Can you post the URL to your page?

   ---

   MachForm Founder

   Posted 16 years ago #

3. tkdsite
   Member

   Try this one: http://tiniuri.com/?c=XAc

   As you can see on the footer, the footer is all messed up. If you go to this, the footer is fine but it uses and iframe:

   http://tiniuri.com/?c=ZAc

   Posted 15 years ago #

4. tkdsite
   Member

   Any luck with this one? I'd love to fix this problem and I'm sure I'm one of many people with this issue.

   Posted 15 years ago #

5. Pangdene
   Member

   Is this anything to do with clashing of CSS styles between the form style sheet and your site stylesheet.

   I've had similar problems without using iframes.

   It would be cool if all the machform css styles had a fixed prefix or suffix to them, e.g. '#footer_machform'?

   P

   Posted 15 years ago #
6. 

   yuniar

   tkdsite -- try this, edit your style.css (your page css)
   adjust your #footer code to become like this:

   #footer {
   	background-color:#FFFFFF;
   	border-top:4px solid #E3E3E3;
   	color:#6A6B69 !important;
   	font-size:11px !important;
   	margin:0 auto;
   	padding:10px;
   	text-align:right !important;
   	width:980px !important;
   }

   and also this one:

   #footer a {
   	border-bottom:medium none !important;
   	color:#366799 !important;
   	font-weight:bold;
   	text-decoration:none;
   }

   I agree with Pangdene that MachForm should use its own prefix and not using generic id name such as "#footer"

   ---

   MachForm Founder

   Posted 15 years ago #

7. jdancisin
   Member

   Another thing that can be done is to edit the machform css so that all references to the #footer are more targeted... instead of "#footer" use ".appnitro #footer"

   Its all about the cascade.

   Posted 15 years ago #

8. tkdsite
   Member

   Yuniar - thanks for the reply but I wonder whether changing the style.css file is going to affect anything else on the site. The input forms are one very small but important area. I know that my coder gets very fussy about these things!

   My thoughts were the same as everyone else here in my frustration that the footer was named just "footer" and would obviously conflict with css files on almost any site. This is one of those reasons why I rarely use encoded scripts because simple changes like this might not be able to be made in the script itself - although I can't say for sure in this case. I'd love to see this changed as soon as possible and some of the other suggestions here put into effect, e.g. jdancisin's cascade usage.

   Posted 15 years ago #
9. 

   yuniar

   Oh, I just realized that #footer is not being used for embedded form.
   So, the best solution for now is to remove the entire #footer style from your form's view.css file.

   I think this one is better than modifying your style.css

   ---

   MachForm Founder

   Posted 15 years ago #

10. tkdsite
    Member

    Thanks - this actually worked. It's definitely a better solution but hopefully you can implement the suggestion! Great support, thanks.

    Posted 15 years ago #

RSS feed for this topic

Reply

You must log in to post.