Member List Modifications

[kzweyr]

Hey all.  I'm wanting to edit the columns of the member list so that certain columns don't show (such as user name and date registered) and show some of the set custom profile fields instead.  I've tried tweaking around things myself a bit in both the layout templates for the member list as well as the general template css, but it never seems to actually remove the columns in question, and I haven't even attempted adding other ones yet.

Any help would be appreciated.

[CheatAreZee]

Hi kzweyr,

To remove columns from the member page, follow these instructions:

1) Visit your admin panel, then navigate to Themes > Layout Templates.

2) On the next page, click the link for "Members". Once here, look for lines 20 and 23 which should read:

<th class="username $[sortable_class.username]">Username</th>
and

<th class="date-registered $[sortable_class.registered_on]">Date Registered</th>

3) Find the above lines and then delete them from the list.

4) Once that's been done, click the tab for "Member List".

5) On this next page, look for lines 5 and 8 which should read:

<td class="username">$[user.username]</td>
and

<td class="date-registered">$[user.registered_on]</td>

6) Find the above lines and remove them as well. Once that's done, click the "Save Changes" button and you should now see both columns removed from the members list

[kzweyr]

CheatAreZee

Thank you!  That definitly did remove those unwanted columns.  I much appreciate it.

The other thing I wanted to know though was how to add other columns, such as columns containing the information for those custom profile info boxes we can add. 

[Brian]

Hi, kzweyr.

Try adding the following where you erased the previous fields.

On the Members page:

<th class="name">Custom Fields</th>

On the Member List page:

        <td>
            {foreach $[user.custom_field]}
                $[user.custom_field.value]
                <br />
            {/foreach}
        </td>

This will simply list every custom field you have available. If you have anything specific you'd like to do it can be changed to work that way as well.

[kzweyr]

I'm only wanting certain fields to show up.

The other thing that I'm running into, that I've tried to play with, but haven't managed to successfully figure out, is that with these custom fields, if they're text areas and there's a lot of text in them, then the title for that area is centered against all the text, instead of the at the top. There's no line or anything to indicate a seperation between the fields, and so the text all starts to blend together. Is there any way to top align those custom field titles that I'm missing? I've tried a multitude of things, but so far, I haven't had any luck. Or is there a way, perhaps, to put a line seperator between them?

Thanks.

[Brian]

Feb 17, 2013 20:05:02 GMT -8 kzweyr said:

I'm only wanting certain fields to show up.

The other thing that I'm running into, that I've tried to play with, but haven't managed to successfully figure out, is that with these custom fields, if they're text areas and there's a lot of text in them, then the title for that area is centered against all the text, instead of the at the top. There's no line or anything to indicate a seperation between the fields, and so the text all starts to blend together. Is there any way to top align those custom field titles that I'm missing? I've tried a multitude of things, but so far, I haven't had any luck. Or is there a way, perhaps, to put a line seperator between them?

Thanks.

Can you provide a screenshot of this so I understand what you mean?

To make the custom field row target a specific value, replace my last code with this, substituting the text in red with the name you gave your custom field.

        <td>
            {foreach $[user.custom_field]}
                {if $[user.custom_field.name] == "Name"}
                    $[user.custom_field.value]
                {/if}
            {/foreach}
        </td>

[kzweyr]

Here you go.  There's a screenshot of part of what I'm talking about.  The red line denotes where each field's text ends/begins, with the field title to the side.  I'm just trying to find a way to create an automatic seperation between them, with the field's text at the top, rather than centered against it's content.

[Brian]

Oh, I thought we were still on the members page. Okay.

There's a simple way to do that. Go to Structure > Layout Templates > User Profile > Summary and change this line:

<tr class="$[user.custom_field.content_class]">

To this:

<tr class="custom-profile $[user.custom_field.content_class]">

Now go to Themes > Colors & Styles > Style Sheet and add this line to the end of the style sheet:

.custom-profile { border-top: 1px solid @container_inner_border_color; }
.custom-profile > td { padding: 5px 0px; }

Once all of that code is changed, your custom profile fields should be separated by a line using your inner border color.

[Moda]

Feb 19, 2013 10:02:09 GMT -8 Brian said:

Feb 17, 2013 20:05:02 GMT -8 kzweyr said:

I'm only wanting certain fields to show up.

The other thing that I'm running into, that I've tried to play with, but haven't managed to successfully figure out, is that with these custom fields, if they're text areas and there's a lot of text in them, then the title for that area is centered against all the text, instead of the at the top. There's no line or anything to indicate a seperation between the fields, and so the text all starts to blend together. Is there any way to top align those custom field titles that I'm missing? I've tried a multitude of things, but so far, I haven't had any luck. Or is there a way, perhaps, to put a line seperator between them?

Thanks.

Can you provide a screenshot of this so I understand what you mean?

To make the custom field row target a specific value, replace my last code with this, substituting the text in red with the name you gave your custom field.

        <td>
            {foreach $[user.custom_field]}
                {if $[user.custom_field.name] == "Name"}
                    $[user.custom_field.value]
                {/if}
            {/foreach}
        </td>

Ricky, would that code also work in the staff profile area? so I could add a couple of extra places for further info

[Brian]

Feb 20, 2013 20:13:58 GMT -8 Moda said:

Feb 19, 2013 10:02:09 GMT -8 Brian said:

Can you provide a screenshot of this so I understand what you mean?

To make the custom field row target a specific value, replace my last code with this, substituting the text in red with the name you gave your custom field.

Ricky, would that code also work in the staff profile area? so I could add a couple of extra places for further info

Not Ricky.

The code you quoted goes in the actual member list that comes up when clicking Members in the menu.

The rest is for the actual user profile and should be universally applicable to every <tr> on there that separates the info (like how it is in the example screenshot).

Can you clarify what you mean by the staff profile area? Staff profiles are the same as regular profiles.

[kzweyr]

Feb 20, 2013 16:11:00 GMT -8 Brian said:

Oh, I thought we were still on the members page. Okay.

There's a simple way to do that. Go to Structure > Layout Templates > User Profile > Summary and change this line:

<tr class="$[user.custom_field.content_class]">

To this:

<tr class="custom-profile $[user.custom_field.content_class]">

Now go to Themes > Colors & Styles > Style Sheet and add this line to the end of the style sheet:

.custom-profile { border-top: 1px solid @container_inner_border_color; }
.custom-profile > td { padding: 5px 0px; }

Once all of that code is changed, your custom profile fields should be separated by a line using your inner border color.

Loving the lines, thanks.  Anyway now to move the title of each area up to the top of the section, instead of in the middle like shown?

Sorry for the extent of the questions...

[Brian]

Move to the top as in a heading directly above the line? Or are you thinking of something different?

[kzweyr]

The title for the section on the side. Where it says 'appearance' and so forth on the screenshot. If there's a way to move those so that they're top aligned against the section, instead of centered...ie, by the line. That would be perfect!

[Brian]

Give this a try and tell me if it's what you wanted. This is what I'm guessing based on your description.

Find the part of the code in Structure > Layout Templates > User Profile > Summary that starts with {foreach $[user.custom_field]} and ends with {/foreach} and replace it with this.

{foreach $[user.custom_field]}
    <tr class="$[user.custom_field.content_class]">
        <td colspan="2"{if $[user.custom_field.index] == 0} style="padding-top: 10px;"{/if}>
            <b>$[user.custom_field.name]</b>
        </td>
    </tr>
    <tr class="custom-profile $[user.custom_field.content_class]">
        <td colspan="2">
            $[user.custom_field.value]
        </td>
    </tr>
{/foreach}

[kzweyr]

That wasn't exactly what I was looking for, however it works quite well indeed