Right menu collapse disable - Beez20

Everything to do with Joomla! 2.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Eitandor
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Thu Mar 07, 2013 8:15 pm

Re: Right menu collapse disable - Beez20

Post by Eitandor » Mon Mar 11, 2013 1:01 am

I am using Joomla! 3.0.3 Stable with Beez3 and the module "All Modules" does not exist in the Module Manager, yet I still have the problem with the Open/Close Info on the right column.

NobodyOfNaught
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Mon Mar 18, 2013 10:01 pm

Re: Right menu collapse disable - Beez20

Post by NobodyOfNaught » Tue Mar 19, 2013 5:57 pm

I'm having this same whitespace problem with beez 20 in Joomla 2.5 but changing the wrapper widths does nothing for me http://gibsons.ca/jupgrade/

klandestino
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Thu Nov 13, 2008 6:06 pm

Re: Right menu collapse disable - Beez20

Post by klandestino » Sat Mar 23, 2013 3:48 am

A complete answer to this post for Beez5 - Joomla 2.5:

First, open the template's index.php (in yoursitefolder/templates/beez5/index.php) and comment out the code using php comments, from line 73 to line 91 so it stays like this:

Code: Select all

<?php /*?>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/hide.js"></script>

<script type="text/javascript">
	var big ='<?php echo (int)$this->params->get('wrapperLarge');?>%';
	var small='<?php echo (int)$this->params->get('wrapperSmall'); ?>%';
	var altopen='<?php echo JText::_('TPL_BEEZ5_ALTOPEN', true); ?>';
	var altclose='<?php echo JText::_('TPL_BEEZ5_ALTCLOSE', true); ?>';
	var bildauf='<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/plus.png';
	var bildzu='<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/minus.png';
	var rightopen='<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTOPEN', true); ?>';
	var rightclose='<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE', true); ?>';
	var fontSizeTitle='<?php echo JText::_('TPL_BEEZ5_FONTSIZE', true); ?>';
	var bigger='<?php echo JText::_('TPL_BEEZ5_BIGGER', true); ?>';
	var reset='<?php echo JText::_('TPL_BEEZ5_RESET', true); ?>';
	var smaller='<?php echo JText::_('TPL_BEEZ5_SMALLER', true); ?>';
	var biggerTitle='<?php echo JText::_('TPL_BEEZ5_INCREASE_SIZE', true); ?>';
	var resetTitle='<?php echo JText::_('TPL_BEEZ5_REVERT_STYLES_TO_DEFAULT', true); ?>';
	var smallerTitle='<?php echo JText::_('TPL_BEEZ5_DECREASE_SIZE', true); ?>';
</script>
<?php */?>
Second, still in index.php comment out from line 193 to line 197, so it stays like this:

Code: Select all

<?php /*?>
<div id="close">
	<a href="#" onclick="auf('right')">
		<span id="bild">
			<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE'); ?></span></a>
</div>
<?php */?>
Third, go to the template main style sheet (yoursite/templates/beez5/css/beez5.css), in line 859 you will find:

Code: Select all

#close span
{
	color:#000;
}
Right above it, add this to remove the whitespace:

Code: Select all

#close {
display:none;
}
And that's it, in short terms we have to comment out the php code (using php comments) and add to the css a new selector "#close" with the atribute "display:none;" so it is not displayed at all, so there's no open/close info link and no whitespace left :pop

One word of advice, COMMENT OUT instead of DELETING the code! Otherwise, to get it back on can be a headache!

And Now i leave a QUESTION OPEN:
What if someone wishes to use this collapsible right column, but having it closed by default?

FrankA3
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 106
Joined: Thu Feb 14, 2008 11:19 am

Re: Right menu collapse disable - Beez20

Post by FrankA3 » Sat Mar 23, 2013 3:27 pm

I use the collapsible right column, with adjustments I noted above. It works OK but not quite as designed. It would be better if someone can debug the original code and find the problems?

Tomtech
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Thu Mar 24, 2011 6:50 am

Re: Right menu collapse disable - Beez20

Post by Tomtech » Tue Feb 11, 2014 11:56 pm

I think I have it. This appears to remove the "show Info" selector and show the right panel only when there is content to show for Joomla 3.2.

Find templates/beez3/javascript/hide.js:
Find the code snippet (line 142)

Code: Select all

	if (el.style.display == 'none') {
		el.setStyle('display', 'block');
		el.setProperty('aria-expanded', 'true');

		if (key != 'right') {
			el.slide('hide').slide('in');
			el.getParent().setProperty('class', 'slide');
			eltern = el.getParent().getParent();
			elternh = eltern.getElement('h3');
			elternh.addClass('high');
			elternbild = eltern.getElement('img');
			// elternbild.focus();
			el.focus();
			elternbild.setProperties( {
				alt : altopen,
				src : bildzu
			});
		}

		if (key == 'right') {
			document.id('right').setStyle('display', 'block');
			wrapperwidth(small);
			document.id('nav').removeClass('leftbigger');
			grafik = document.id('bild');
			document.id('bild').innerHTML = rightclose;
			grafik.focus();
		}
	} else {
This is modified to remove the entire key != and == 'right' sections so that it doesn't matter whether the key was somehow set to right or not.

Replace the above code with:

Code: Select all

	if (el.style.display == 'none') {
		el.setStyle('display', 'block');
		el.setProperty('aria-expanded', 'true');
			el.slide('hide').slide('in');
			el.getParent().setProperty('class', 'slide');
			eltern = el.getParent().getParent();
			elternh = eltern.getElement('h3');
			elternh.addClass('high');
			elternbild = eltern.getElement('img');
			// elternbild.focus();
			el.focus();
			elternbild.setProperties( {
				alt : altopen,
				src : bildzu
			});
	} else {
Next find templates/beez3/index.php:
Find the code snippet (line 158)

Code: Select all

<?php if ($showRightColumn) : ?>
    <div id="close">
        <a href="#" onclick="auf('right')">
        <span id="bild">
            <?php echo JText::_('TPL_BEEZ3_TEXTRIGHTCLOSE'); ?>
        </span>
        </a>
    </div>

    <aside id="right">
        <h2 class="unseen"><?php echo JText::_('TPL_BEEZ3_ADDITIONAL_INFORMATION'); ?></h2>
        <jdoc:include type="modules" name="position-6" style="beezDivision" headerLevel="3" />
        <jdoc:include type="modules" name="position-8" style="beezDivision" headerLevel="3" />
        <jdoc:include type="modules" name="position-3" style="beezDivision" headerLevel="3" />
    </aside><!-- end right -->
<?php endif; ?>
Remove the if clauses and the div which brings up the "Close Info" hyperlink.

The final code snippet should be:

Code: Select all

<aside id="right">
    <h2 class="unseen"><?php echo JText::_('TPL_BEEZ3_ADDITIONAL_INFORMATION'); ?></h2>
    <jdoc:include type="modules" name="position-6" style="beezDivision" headerLevel="3" />
    <jdoc:include type="modules" name="position-8" style="beezDivision" headerLevel="3" />
    <jdoc:include type="modules" name="position-3" style="beezDivision" headerLevel="3" />
</aside><!-- end right -->
If that doesn't continue as I hope, I'll come back and edit it.
Last edited by Tomtech on Wed Feb 12, 2014 2:59 pm, edited 1 time in total.

FrankA3
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 106
Joined: Thu Feb 14, 2008 11:19 am

Re: Right menu collapse disable - Beez20

Post by FrankA3 » Wed Feb 12, 2014 12:55 am

Oh wow, well done. Cannot try it for the moment as I am moving countries and homeless... but pleased to see your effort. Thank you.

freeplayedgames
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Thu Feb 13, 2014 3:56 am
Contact:

Re: Right menu collapse disable - Beez20

Post by freeplayedgames » Thu Feb 13, 2014 4:02 am

Thanks Guys. Very helpful.

kenirvin
Joomla! Apprentice
Joomla! Apprentice
Posts: 18
Joined: Mon Apr 13, 2015 4:22 pm

Re: Right menu collapse disable

Post by kenirvin » Mon Apr 13, 2015 4:56 pm

Hi I am new to Joomla and am trying to set up a web site. I too would like to remove the "close info" and "open info" code and remove the white space on the right side. I cannot get any of the suggestions here to work. I am using a copy of the BEEZ3 template - is this the same as is located in the templates folder?

jaydubya
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Sun Oct 25, 2015 5:17 pm

Re: Right menu collapse disable - Beez20

Post by jaydubya » Sun Dec 20, 2015 2:05 pm

Add the following code to the end of template file position.css

#bild{ display:none !important}


Locked

Return to “Templates for Joomla! 2.5”