Public Forums 71,145 posts

[gonzela2006 Friend gonzela2006Join date: December 2009Posts: 14Downloads:0Uploads:0 Thanks: 5]

#156961

Hello Joomlart Team and all members,
First of all thanks for that great T3 FrameWork 2.0

I have a complex question:
How can I give the block-inner divs the same height of left block??
Here is what I wrote on my layout


<blocks name="middle" colwidth="33" fixheight="1">
<block name="right1" block-inner="3">left</block>
<block name="right2" block-inner="3">right</block>
</blocks>


let say our generated html code will be

<div id=”ja-right1″ style=”width: 50%; min-height: 1125px;” class=”ja-col ja-right1 column”>
<div class=”block-inner1″>
<div class=”block-inner2″>
<div class=”block-inner3 clearfix”>
<div id=”Mod48″ class=”ja-moduletable moduletable clearfix”>
<h3><span>Lorem ipsum</span></h3>
<div class=”ja-box-ct clearfix”>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque et augue vitae nisl viverra laoreet. Donec ut ligula mauris, eu fringilla est. Aliquam luctus, elit eu pellentesque blandit, sapien massa ullamcorper dui, vitae aliquet arcu nunc non odio. Donec porta lacus non est commodo in volutpat massa sagittis.
</p>
</div>
</div>
</div>
</div>
</div>
</div>

I want to give (block-inner1, block-inner2 and block-inner3) divs the same height of id “ja-right1” which is “min-height: 1125px;”

Thanks

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#365107

Dear gonzela2006,

Can you let me know why you need to make the same height for those element ? the height of id “ja-right1” as well other columns they are set in javascript function of the core framework.

It is quite complicated and you can try as following to get it

Go to the file of plugins/system/jat3/base-themes/default/js/core.js file,looking for the below ja codes
[PHP] els.each(function(el, i){
if (!el) return;
if (height-el.getStyle(‘padding-top’).toInt()-el.getStyle(‘padding-bottom’).toInt() > 0) el.setStyle(‘min-height’, height-el.getStyle(‘padding-top’).toInt()-el.getStyle(‘padding-bottom’).toInt());
});[/PHP] You can change it to
[PHP] els.each(function(el, i){
if (!el) return;
if (height-el.getStyle(‘padding-top’).toInt()-el.getStyle(‘padding-bottom’).toInt() > 0)
{

el.setStyle(‘min-height’, height-el.getStyle(‘padding-top’).toInt()-el.getStyle(‘padding-bottom’).toInt());
el.getElements(‘div’).each(function(item,i){
if(item.getProperty(‘class’).contains(‘block-inner’)) { item.setStyle(‘min-height’, height-el.getStyle(‘padding-top’).toInt()-el.getStyle(‘padding-bottom’).toInt()); }

})
}
}); [/PHP] I do hope it would help !

1 user says Thank You to Sherlock for this useful post

1. gonzela2006

[gonzela2006 Friend gonzela2006Join date: December 2009Posts: 14Downloads:0Uploads:0 Thanks: 5]

#365288

<em>@dathq 206390 wrote:</em><blockquote>
Go to the file of plugins/system/jat3/base-themes/default/js/core.js file,looking for the below ja codes
[PHP] els.each(function(el, i){
if (!el) return;
if (height-el.getStyle(‘padding-top’).toInt()-el.getStyle(‘padding-bottom’).toInt() > 0) el.setStyle(‘min-height’, height-el.getStyle(‘padding-top’).toInt()-el.getStyle(‘padding-bottom’).toInt());
});[/PHP] You can change it to
[PHP] els.each(function(el, i){
if (!el) return;
if (height-el.getStyle(‘padding-top’).toInt()-el.getStyle(‘padding-bottom’).toInt() > 0)
{

el.setStyle(‘min-height’, height-el.getStyle(‘padding-top’).toInt()-el.getStyle(‘padding-bottom’).toInt());
el.getElements(‘div’).each(function(item,i){
if(item.getProperty(‘class’).contains(‘block-inner’)) { item.setStyle(‘min-height’, height-el.getStyle(‘padding-top’).toInt()-el.getStyle(‘padding-bottom’).toInt()); }

})
}
}); [/PHP] I do hope it would help !</blockquote>

Thank you very MUCHHHH
it works great

<em>@dathq 206390 wrote:</em><blockquote>Dear gonzela2006,
Can you let me know why you need to make the same height for those element ?
</blockquote>
I have a design which have more than one backgroud (three background). these backgrounds applied for “ja-right1”, “ja-right2”, “ja-left1” and “ja-left2” so the solution is to wrap thoses divs so they can take the same height I tried “block-inner” property but it wraped “ja-right1” content not the “ja-right1” div
if you have a better solution rather than the above, it will be great??

I have another problem I want to wrap the “.ja-content-main” with 3 divs to give it the 3 backgrounds how can I do it? I don’t know what to write on the XML layout

Thanks for your time dathq

T3 is the best

[gonzela2006 Friend gonzela2006Join date: December 2009Posts: 14Downloads:0Uploads:0 Thanks: 5]

#365309

<blockquote>I have another problem I want to wrap the “.ja-content-main” with 3 divs to give it the 3 backgrounds how can I do it? I don’t know what to write on the XML layout
</blockquote>
any help please

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#365506

Dear gonzela2006,

If you want to wrap the “.ja-content-main” with 3 divs you can try as following
1 ) Copy the file of pluginssystemjat3base-themesdefaultpagedefault.php into the folder
templatesyour_templatepage (you need to create the page folder if it does not exists)

2) Open the copied file & search for the Codes below
[PHP] <?php if (!$this->getParam (‘hide_content_block’, 0)): ?>
<div id=”ja-content-main” class=”ja-content-main clearfix”>
<?php echo $this->showBlock (‘content’) ?>
</div>
<?php endif ?>[/PHP] Here you can wrap the .ja-content-main by the divs as you want

1 user says Thank You to Sherlock for this useful post

1. gonzela2006

[hjames Friend hjamesJoin date: March 2010Posts: 82Downloads:475Uploads:3 Thanked: 8 times in 2 posts]

#369155

This thread helped me to remove the constant height in my template which was also being controled by core.js.

Thank you!
James

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#369156

It would be really good to see your completed work. Please come back and show it off when done.

[hjames Friend hjamesJoin date: March 2010Posts: 82Downloads:475Uploads:3 Thanked: 8 times in 2 posts]

#369157

I can deffinitely do that!

[Author]

Posts