Shape 5

Joomla Templates => Touch of Soul - Club => : amjin January 23, 2013, 10:39:00 AM

: Copyright / Footer Text Overlaps My Form
: amjin January 23, 2013, 10:39:00 AM
Joomla 2.5.6
RSForm!Pro v1.4

When using a multiple page form some pages extend beyond the template. The copyright info overlaps part of the form and in some cases will not allow edits to the field. See pages 13 thru 19 of this form. Image below.


Help in resolving this would be appreciated.
I have contacted the RSForm!Pro developers and they believe it to be an issue with the template. Thanks in advance for your help.

: Re: Copyright / Footer Text Overlaps My Form
: mikenicoll January 23, 2013, 11:41:20 PM

I am not sure what would cause this but I don't see anything in the Template files that would cause it to appear like this. The fact that it is scaling on most of the pages of the form but not others indicates that there is some specific code on those form pages that isn't properly being loaded into the Joomla component.

RSFormPro seems to be totally overlapping the default component code and has its own container and backgrounds. The template wouldn't be controlling this.


: Re: Copyright / Footer Text Overlaps My Form
: amjin January 24, 2013, 01:10:56 PM
Ok, this is very frustrating. I will raise the issue again with RSForm!Pro.

: Re: Copyright / Footer Text Overlaps My Form
: mikenicoll January 24, 2013, 02:58:23 PM

Let me know what your findings are. You could also try changing they way you are using the form such as within a module to see if this helps.


: Re: Copyright / Footer Text Overlaps My Form
: amjin January 25, 2013, 02:21:43 PM
Mike, RSForm!Pro states...

The problem is still generated by the template. I will try to explain this a little bit further.

From what I can see this is being caused by the (fixed! or provided by a Javascript) 'height' attribute in the CSS definition for the 's5_content_wrap' div.

The problem is generated on RSForm!Pro pages as the content of each form page is variable (depending on how many fields are placed on a form page or by their own height).

Upon looking into this further (though you are using a CSS/Javascript cache / compression tool), you will also notice this:

document.getElementById("s5_content_wrap").style.height = s5_tallest_column - 20 + "px";

... this being a template related script that adjusts the height of the container in question.

The script is provided here (might change depending on your cache related settings):

<script language="javascript" type="text/javascript" src="/cache/js/17999a6fa491e5a31bd83b1613f5e163.php"></script>

My advice would be to contact the template developer again, with this new information.


I'm not real techie. Does this make sense to you?

: Re: Copyright / Footer Text Overlaps My Form
: mikenicoll January 27, 2013, 12:59:50 PM

I have looked at their response but there is no height on s5_content_wrap. There's a script that will set the height of the columns if the right column gets larger than the body column so it doesn't look out of proportion. Maybe somehow it's triggering on your site. You can just remove the following from index.php:

<script type="text/javascript" language="javascript" src="<?php echo $this->baseurl ?>/templates/touch_of_soul/js/s5_effects.js"></script>

Which will remove that script, and see if that works. If you have compression on you will need to refresh the cache for it to take effect.