Joomla Templates Club 406,261 posts

[serkany Friend serkanyJoin date: November 2006Posts: 27Downloads:0Uploads:0]

#118909

Hi,

First of all happy new year….

As far as I see the length of the left column is arranged according to main content area. This leaves some white space in the bottom of left column when right column is longer than the main content area. Overall border is OK, only left column finishes at the point where main content finishes.

Thanks in advance,
Serkan

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#214910

Hi serkany,

You need enable javascript on your browse.

🙂

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#214913

JA Kruger use javascript to adjust the height of left-main-right column. Please following instruction to fix the problem.

In template index.php file, search following code:


window.onload=function(){
<?php
if ( $ja_left && $ja_right ) {
?>
Nifty("div#ja-mainbodywrap,div#ja-rightcol","none same-height");
Nifty("div#ja-mainbody,div#ja-leftcol","none same-height");
<?php
} elseif ( $ja_left ) {
?>
Nifty("div#ja-mainbody-fr,div#ja-leftcol","none same-height");
<?php
} elseif ( $ja_right ) {
?>
Nifty("div#ja-mainbodywrap,div#ja-rightcol","none same-height");
<?php
}
?>
}

Replace with:


window.onload=function(){
var mainbodywrap = document.getElementById ("ja-content<?php echo $divid ?>");
var spotlight = document.getElementById ("ja-spotlight");
var mainbody = document.getElementById ("ja-mainbody<?php echo $divid ?>");
var rightcol = document.getElementById ("ja-rightcol");
var leftcol = document.getElementById ("ja-leftcol");
var pathway = document.getElementById ("ja-pathway");
var banner = document.getElementById ("ja-banner");

var wh = mainbodywrap.scrollHeight;
if (rightcol && rightcol.scrollHeight > wh) wh = rightcol.scrollHeight;
var slh = spotlight ? spotlight.scrollHeight : 0;
var pwh = pathway ? pathway.scrollHeight : 0;
var bh = banner ? banner.scrollHeight : 0;
//if (mainbodywrap) mainbodywrap.style.height = wh + "px";
if (rightcol) rightcol.style.height = wh + "px";
if (mainbody) mainbody.style.height = (wh - slh - pwh - bh - 30) + "px";
if (leftcol) leftcol.style.height = (wh - slh - pwh - bh - 10) + "px";
}


[serkany Friend serkanyJoin date: November 2006Posts: 27Downloads:0Uploads:0]

#214963

Hi,

Actually javascript is enabled in my browser. . I think the problem is not javascript because the template can arrange the heights in all cases except right column height is more than the main content and left column height.

I applied this change to index.php but I had problems with a component that uses xajax. To make a comment it opens a comment area with ajax and when I make the above change the height of the main content is not increased accordingly which makes the comment form unreachable. I prefer to arrange the heights of my columns so that no problem occurs.

Thanks for the replies.

Regards,
Serkan

[serkany Friend serkanyJoin date: November 2006Posts: 27Downloads:0Uploads:0]

#215538

Hi Again,

This left column height is causing problems for me. I thought that I could arrange it with modules but always some cases occur so that the lower part of the left column is white.

Have a look at this link:
http://www.geziyorumlari.com/index.php?option=com_jreviews&Itemid=160

It looks like a simple error which can be corrected easily but how:) As I said before the left column arranges its height according to the main content area without considering the right column height. But the border that covers the left column and main content is working OK so left column should use the same logic to work properly. I would appreciate any help in this.

Thanks in advance,
Serkan

[serkany Friend serkanyJoin date: November 2006Posts: 27Downloads:0Uploads:0]

#216121

Hi Guys,

I really need your help for this issue. The error messages of my main component (Jreviews) are not displayed appropriately, most probably because of this left column issue. Also I have some problems about the color of the text in the CB tabs. Some of them are white and background is light blue, so the text is almost invisible for mamblog and joomlaboard tabs. I guess it’s easy to solve but not for me:)

Regards,
Serkan

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#216142

Hi serkany,

You could apply the above code to ajust the height of columns after the ajax updates content. Please modify above code to:


function ajustHeight() {
var mainbodywrap = document.getElementById ("ja-content<?php echo $divid ?>");
var spotlight = document.getElementById ("ja-spotlight");
var mainbody = document.getElementById ("ja-mainbody<?php echo $divid ?>");
var rightcol = document.getElementById ("ja-rightcol");
var leftcol = document.getElementById ("ja-leftcol");
var pathway = document.getElementById ("ja-pathway");
var banner = document.getElementById ("ja-banner");

var wh = mainbodywrap.scrollHeight;
if (rightcol && rightcol.scrollHeight > wh) wh = rightcol.scrollHeight;
var slh = spotlight ? spotlight.scrollHeight : 0;
var pwh = pathway ? pathway.scrollHeight : 0;
var bh = banner ? banner.scrollHeight : 0;
//if (mainbodywrap) mainbodywrap.style.height = wh + "px";
if (rightcol) rightcol.style.height = wh + "px";
if (mainbody) mainbody.style.height = (wh - slh - pwh - bh - 30) + "px";
if (leftcol) leftcol.style.height = (wh - slh - pwh - bh - 10) + "px";
}

window.onload = ajustHeight;


Then you could call the function ajustHeight() after ajax update comments.

[serkany Friend serkanyJoin date: November 2006Posts: 27Downloads:0Uploads:0]

#216244

Hi,

Here is the link without implementing the code change. this is the live system.
http://www.geziyorumlari.com/index.php?option=com_jreviews&Itemid=160

And here is a link where I implemented that change. This is the development system
http://www.geziyorumlari.com/development/index.php?option=com_jreviews&Itemid=160

As you can see, left column can arrange the length. That’s quite good.

But when I try to enter a new content I got a problem with the new index.php. See it in the development system:
http://www.geziyorumlari.com/development/index.php?option=com_jreviews&task=new&dir=14&section=7&cat=66&Itemid=160

The form goes down but the template doesn’t. It works normal without implementing the form:
http://www.geziyorumlari.com/index.php?option=com_jreviews&task=new&dir=14&section=7&cat=66&Itemid=160

So looks like I need a combination of these two:)

And in both cases the error messages are not displayed. I’m not sure whether this is because of the template or not but you can see it by just pressing “Gönder” button without entering anything. Nothing or only a few letters of the message is displayed.

Regards,
Serkan

[Author]

Posts