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.

[Theater]

^^^ Seconded.

[Lynne]

You mean group.php? What's wrong with that page? It has the same sort of flow as member.php and group.php?groupid=x (this template edit I did).

[Theater]

A couple of things I noticed today...

1 - This isn't regarding your code because it happens when defaulted. Is it strange that registered members who are not members of a particular group themselves, are able to view the first 5 or so images, but when they go to click them it says they have to join the social group?

Dunno, just thought I'd ask... ^^^

2 - There is no View Pictures link when you are a member of the Social Group. I added the link and swapped the Add Picture phrase so it fits better.

Look for in socialgroups_group template:

            <div class="alt2 smallfont block_row block_footer">
                <a href="group.php?$session[sessionurl]do=addpictures&amp;groupid=$group[groupid]">$vbphrase[add_pictures_to_this_group]</a>                
            </div>

Replace with:

            <div class="alt2 smallfont block_row block_footer">
                <a href="group.php?$session[sessionurl]do=grouppictures&amp;groupid=$group[groupid]">$vbphrase[view_pictures]</a> | 
                <a href="group.php?$session[sessionurl]do=addpictures&amp;groupid=$group[groupid]">$vbphrase[add_pictures]</a>                
            </div>

Result if you're a member of the social group:





Also, if you use the socialgroups_picturebit optional template modification to this, it will make all the images single column and vertical even on the View Pictures page where you see them all. I just reverted mine and live with the non-centered part.

Cheers,

[Alfa1]

Originally Posted by Lynne

You mean group.php? What's wrong with that page? It has the same sort of flow as member.php and group.php?groupid=x (this template edit I did).

• /group.php does not show latest group threads.
• Categories on /group.php seem quite chaotic, because they display in the same random way with various font size as tags on tags.php. An alphabetical listing order would be nice.
• /group.php?do=categorylist does not show links for staff to delete or edit a group from the main groups overview.
• /group.php?do=categorylist does not show the last post in a group. Similar to how it works for forums.
• /group.php?do=categorylist does not show latest threads in that category.
• Groups on /group.php are listed by icon. Rows, like on /group.php?do=categorylist show a much better overview. IMHO this should be on the main group page.
• I find the location for the group search, out of place. IMHO it belongs in its own block.
• /group.php does not show popular groups or active groups.

[Lynne]

1 - That is a strange way to do it. They can see the thumbnails, but not the full image.

2 - Good catch! I guess I missed that when changing those boxes around. Do you mind if I put that change in the next revision?

3 - Try this for the line in socialgroups_picturebit. Find:

<table style="width:{$picturebit_width}px; margin:5px; float:$stylevar[left]" border="0" cellspacing="0" cellpadding="0">

Replace with:

<table style="width:{$picturebit_width}px; margin:5px; <if condition="$_GET['do'] != 'grouppictures'">float:center<else />float:$stylevar[left]</if>" border="0" cellspacing="0" cellpadding="0">

[Lynne]

Originally Posted by Alfa1

• /group.php does not show latest group threads.
• Categories on /group.php seem quite chaotic, because they display in the same random way with various font size as tags on tags.php. An alphabetical listing order would be nice.
• /group.php?do=categorylist does not show links for staff to delete or edit a group from the main groups overview.
• /group.php?do=categorylist does not show the last post in a group. Similar to how it works for forums.
• /group.php?do=categorylist does not show latest threads in that category.
• Groups on /group.php are listed by icon. Rows, like on /group.php?do=categorylist show a much better overview. IMHO this should be on the main group page.
• I find the location for the group search, out of place. IMHO it belongs in its own block.
• /group.php does not show popular groups or active groups.

You are talking about a lot more than just a template edit. I don't know that I'm going to be tackling that.

[Theater]

Originally Posted by Lynne

1 - That is a strange way to do it. They can see the thumbnails, but not the full image.

2 - Good catch! I guess I missed that when changing those boxes around. Do you mind if I put that change in the next revision?

3 - Try this for the line in socialgroups_picturebit. Find:

<table style="width:{$picturebit_width}px; margin:5px; float:$stylevar[left]" border="0" cellspacing="0" cellpadding="0">

Replace with:

<table style="width:{$picturebit_width}px; margin:5px; <if condition="$_GET['do'] != 'grouppictures'">float:center<else />float:$stylevar[left]</if>" border="0" cellspacing="0" cellpadding="0">

Hehe, cool, I just wanted to make sure it just wasn't me then.

No, not at all. Please feel free to add away.

Thank you! That did the trick.

[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?

[Lynne]

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?

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.

[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.