Social Group and Album Enhancements - New Social Groups page layout

A template edit for the Social Groups page to look more like the Profile page.

version 1.2 - 2009-02-07
Fixed some issues with the conditions being inside the div tags instead of outside. Searching discussions should now give you a full size table listing instead of the 'short' table. (And yeah, I skipped version 1.1 just cuz I felt like it!)

version 1.3 - 2009-02-12
Added View Pictures and Add Pictures at bottom of Pictures Box (thanks Theater!) and fixed issue with centering pictures in Social Groups causing pictures to display vertically in the Group Pictures page.

version 1.3.1 - 2009-02-12
Fixed a condition around an end div tag.

version 1.3.2 - 2009-03-07
Fixed a condition around the Add Pictures link.

1. Open the socialgroups_css template and FIND the following lines at the end:

-->
</style>

Add the following lines ABOVE those lines:

#content_container {
    width:100%;
    float:left;
    margin-right:-256px;
}
#content {
    margin-right:256px;
}
#sidebar_container {
    width:250px;
    float:right;
}
.content_block {
    margin-bottom:6px;
    padding:1px;
}
.content_block .block_row {
    padding:6px;
    margin:1px 0px 0px 0px;
}
.content_block .block_title {
    padding:6px;
    margin:0px 0px 0px 0px;
}
.content_block h4.thead, .content_block .block_title {
    padding:4px;
    margin:1px 0px 0px 0px;
}
.content_block .block_footer {
    text-align:right;
    padding:4px;
    margin:1px 0px 0px 0px;
}

Suggested change to this CSS if you use vBSEO is in the text file and in this post. It was suggested by Vitaly, however since I don't use vBSEO, I have no comment regarding it.


2. REPLACE your socialgroups_group template with the following:

** see text file.  The template contents are too long. **

Please click INSTALL if you find this useful.

[drsli]

Many thanks for the neat modification and the other hints!

[Lynne]

Originally Posted by GCC LLC

Anyone know of a way to make this a fixed width page? I know Lynne mentioned adding a width to the floatcontainer but that doesn't seem to work.

If it's not working, then you aren't applying the css correctly.

For width:

<div style="width:90%" class="floatcontainer">

For width and align center:

<div style="width:90%; margin:0 auto" class="floatcontainer">

[Keesa]

<i>never mind. sorry.</i>

[Keesa]

Originally Posted by Jman423

Thank you for this MOD.

Do you happen to know how I could display more than just 10 members when viewing the group's main page?

I changed it here, in group.php

" . ($vbulletin->options['avatarenabled'] ? "LEFT JOIN " . TABLE_PREFIX . "avatar AS avatar ON (avatar.avatarid = user.avatarid) LEFT JOIN " . TABLE_PREFIX . "customavatar AS customavatar ON (customavatar.userid = user.userid) " : '') .
			"LEFT JOIN " . TABLE_PREFIX . "customprofilepic AS customprofilepic ON (user.userid = customprofilepic.userid) " .
			"WHERE socialgroupmember.groupid = " . $group['groupid'] . " AND socialgroupmember.type = 'member'
			ORDER BY user.lastactivity DESC
			LIMIT 10
		");

Change limit 10 to limit... whatever.

[Deviant K1]

Thanks Lynne!!

INSTALLED!

[Jman423]

Originally Posted by Lynne

Right around line 1950 of the groups.php page is where the query is. I'd try changing the limit and see if that is what you want.

Thank you very much, that worked perfectly!

[FiMeTi]

Lynne I updated the group template today.
Please take a look on the search discussions part.
When you search, the table of "group options" will increase its width and not stay in style.

thanks!

[Lynne]

Originally Posted by FiMeTi

Lynne I updated the group template today.
Please take a look on the search discussions part.
When you search, the table of "group options" will increase its width and not stay in style.

thanks!

All you should get when you do a search is the search box. You should not continue to have the members box or pictures box at all.

[FiMeTi]

Oh! Since I am a owner of a group, it apears. Not as guest tho, but as owner it does.
I am talking about the group options bar, where the links <<edit group>> <<delete group>> etc. are listed.

[Lynne]

Ah ha! That one..... just a sec....

OK, that took more than a sec to trace that little div tag down. I had to put a condition around it. It seems to validate now. What a !?%$!

Updated.... again! (Who would of thought a simple little template edit would require so many revs!)