rt Gantry rt-sidebar-a height problem
-
-
- Martin Stepanek
- Preeminent Rocketeer
- Posts: 8834
- Thanks: 4
-
Hi
as far as I know equalizer works with same name divs. So when I was trying to use it on my site I added one more div to all places where I wanted to use Equalizer. And after that, I added equalizer.js into JS folder located inside template folder. Next, open index.php file and look inside head section. Mine does contain this code:you can easily add equalizer.js into addScripts array.<?php $gantry->displayHead(); $gantry->addStyles(array('template.css','joomla.css','style.css','typography.css')); $gantry->addScripts(array('sidebar.js','ScrollSpy.js')); ?> - I am here to help you. But do not forget to write all information - joomla version and if possible link to your problem. No PM´s unless requested!!
If you send access info in PM, write also link to your site and link to forum thread!!!
-
-
-
- Pelle P
- Sr. Rocketeer
- Posts: 140
- Thanks: 0
- Pelle Pedersen
-
Hi again
I have now placed the script as you suggest.
But how can I add extra <div></div> to the "rt-container", "rt-sidebar-a" and "rt-sidebar-c"?
Can You show me how/where you added your extras? Did You add a name like <div class="sizeMe">? (Gantry is a bit more complex to me, than the example on davidwalsh.name/dw-content/equal-heights.php )
And where do I place this:
"var columnizer = new Equalizer('.sizeMe').equalize('height'); //call .equalize() as often as you want!"
Best Regards
Pelle
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
you call that function by adding a script like this:
window.addEvent('domready', function () {
var columnizer = new Equalizer('#rt-main .rt-block').equalize('height');
});
the selector #rt-main .rt-block is just an example...
-
-
-
- Pelle P
- Sr. Rocketeer
- Posts: 140
- Thanks: 0
- Pelle Pedersen
-
I just wonder. Do I have to ad:
var columnizer = new Equalizer('name').equalize('height');
To all major div's?
Until now I have added:
var columnizer = new Equalizer('div.rt-container').equalize('height');
var columnizer = new Equalizer('div#rt-sidebar-a').equalize('height');
But there is no change...
Best Regards
Pelle
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
var columnizer = new Equalizer('div#rt-sidebar-a').equalize('height'); does not make any sense since there is only one div#rt-sidebar-a.
window.addEvent('domready', function () {
var columnizer = new Equalizer('#rt-main .rt-block').equalize('height');
});
does collect all divs with the class .rt-block in the div#rt-main and adds the highest-hight as an inline style via min-height (so it doesnt mess ajax stuff up).
But I don't see my script at all on your page so it cant work ...
Btw it worked for me that way.
-
-
-
- Chris Davies
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
Hi Henning,
Any chance you could have a look at this site for me.
www.raventheatrecompany.co.uk
i am trying to use the equalizer script to make the sidebar-a the full / same height as the mainbody.
I have managed to include the script into the head of the document. The bit i am struggling with is where i should be putting the code:
window.addEvent('domready', function () { var columnizer = new Equalizer('#rt-main .rt-block').equalize('height'); });
The idea is that i will be able to eventually put the image that is is the sidebar at the bottom of the sidebar.
Cheers
CHRIS
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
you have to create your own js file for that like myscripts.js and drop it into the js folder of template (like you did with the equalizer script).
After that you have to call that script in the index.php (after equalizer.js)
-
-
-
- M1ZPTYLTD
- Newbie
- Posts: 5
- Thanks: 0
-
Hi, I am also trying to implement equalizer script on Syndicate template. I have placed both scripts in js folder of my template and the script is working. Here is where problem occurred:
I call to function using this script
window.addEvent('domready', function () {
var columnizer = new Equalizer('#rt-main .rt-block').equalize('height');
});
If I have only one module in sidebar it works fine, but if I put more then one module than it makes every module, since they all have .rt-block class the same height. As a result my sidebar gets stretched. Does anyone have an idea how to fix this. Site is here
www.2dot0websolutions.com/tvstudio/
This page is ok www.2dot0websolutions.com/tvstudio/index.php/about-us
-
Time to create page: 0.064 seconds