Page 1 of 1

collapse block portal

Posted: 13. November 2015 21:13
by grazia
Your Portal Version: 1.0.0RC3
Your phpBB Type: Standard phpBB3
MODs installed: No
Your knowledge: Beginner

What have you done before the problem was there?


What have you already tryed to solve the problem?


Description and Message
forum is a way to close the blocks , how do I get this option also in the portal , the collapse block

Re: collapse block portal

Posted: 17. November 2015 20:26
by grazia
no idea for me please :)

Re: collapse block portal

Posted: 20. November 2015 14:21
by Kirk
Hi
What an extension you use?

Re: collapse block portal

Posted: 20. November 2015 21:27
by grazia
I installed phpBB 3.1.6 with Board3 Portal 2.1 and I see in the forum there is a chance you close the block , but there is no portal

Re: collapse block portal

Posted: 21. November 2015 12:33
by Kirk
What is the link to your board?

Re: collapse block portal

Posted: 21. November 2015 13:02
by grazia
my link This
Thank you

Re: collapse block portal

Posted: 21. November 2015 17:09
by Kirk
Copy the graphic collapse-icon.png in the directory root/styles/aero/images to root/ext/board3/portal/styles/all/theme/images/portal
Open: root/ext/board3/portal/styles/prosilver/template/portal/_block_config.html
Swap all the code with those from:

Code: Select all

<!-- Config for the left and right blocks //-->
<!-- DEFINE $LR_BLOCK_H_L = '<div class="forabg" role="row"><div class="inner"><ul class="topiclist"><li class="header"><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</dt><dd></dd></dl></li></ul><ul class="topiclist forums"><div class="trigger active"></div><div class="collapsethis"><li><dl><dt></dt><dd class="portal-side-wrapper"><div class="portal-side">' -->
<!-- DEFINE $LR_BLOCK_F_L = '</div></div></dd></dl></li></ul>' -->
<!-- DEFINE $LR_BLOCK_F_R = '</div></div><br class="portal-clear" />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="forabg" role="row"><div class="inner"><ul class="topiclist"><li class="header"><dl class="icon"><dt>' -->
<!-- DEFINE $C_BLOCK_H_R = '</dt><dd></dd></dl></li></ul><div class="trigger active"></div><div class="collapsethis">' -->
<!-- DEFINE $C_BLOCK_F_L = '</div>' -->
<!-- DEFINE $C_BLOCK_F_R = '</div></div><br class="portal-clear" />' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="forabg" role="row"><div class="inner"><ul class="topiclist"><li class="header"><dl class="icon">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</dl></li></ul><div class="trigger active"></div><div class="collapsethis">' -->

<!-- Images-URL //-->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->

<!-- Vertical distance between left/right and center Blocks -->

<!-- DEFINE $BLOCK_DISTANCE = '10px' -->

<!-- show Icons in left/right Blocks? 0=no 1=yes -->
<!-- DEFINE $S_BLOCK_ICON = 1 -->

<!-- postbody top (default 1 by prosilver) 0=no 1=yes -->
<!-- DEFINE $S_POSTBODY_TOP = 1 -->

<!-- override the column width settings of the ACP for this style? 0=no 1=yes -->
<!-- DEFINE $S_COLUMNS_WIDTH_OVERRIDE = 0 -->

<!-- override the column width settings of the ACP - set the width if enabled -->
<!-- DEFINE $PORTAL_LEFT_COLUMN_OVERRIDE = '200' -->
<!-- DEFINE $PORTAL_RIGHT_COLUMN_OVERRIDE = '200' -->
Open: root/ext/board3/portal/styles/prosilver/template/portal/portal_body.html
Find:

Code: Select all

<div id="portal-body" role="grid">
Add before:

Code: Select all

<div class="forumlist">
Find:

Code: Select all

	<!-- [-] bottom module area -->
	</div>
	<!-- ENDIF -->
</div>
Add after:

Code: Select all

<script type="text/javascript">
		$(".forumlist").collapse({show: function(){
				this.animate({
					opacity: 'toggle',
					height: 'toggle'
				}, 300);
			},
			hide : function() {

				this.animate({
					opacity: 'toggle',
					height: 'toggle'
				}, 300);
			}
		});
</script>
</div>
Open: root/ext/board3/portal/styles/all/theme/portal_all.css
Find:

Code: Select all

.rtl ul.topiclist dt {
	margin-left: -440px;
}
Add after:

Code: Select all

.trigger {
	background: url("./images/portal/collapse-icon.png") no-repeat;
	cursor: pointer;
	float: right;
	height: 17px;
	margin-top: -21px;
	position: relative;
	width: 23px;
}

.active {
	background-position: left top;
}

.inactive {
	background-position: left -17px;
}

.active:hover {
	background-position: left -34px;
}

.inactive:hover {
	background-position: left -51px;
}
Purge the cache on ACP and your Browser cache

Note:
Testet with Board3 Portal 2.1.0
This works only with the Aero Style!

Re: collapse block portal

Posted: 22. November 2015 18:56
by grazia
Great ,, you were really very kind , thank you from the heart ;)