Accidentally removed groupless member profiles?

[dh240ri]

Forum URL: ninja-tales.boards.net

Hey all! I was recently testing out how to make a custom profile and got pretty far before realizing - oops - if a member doesn't a have a group no content shows up at all when you try to click to view their profile. Since new members come through unsorted, this means they'll be unable to sort themselves and staff won't have the option to sort them. For reference here's what they look like now:



They're just not there.

Here's how they should look with member groups and colors assigned.



Hopefully this is an easy fix and I don't have to start over, a problem with me playing around with margins too much? ^^" any help from someone who has more coding knowledge and knowhow than me would be appreciated.

Ideally I'd like to not have to start over

[Craig]

Hi

It may help to know what your end goal is. Did you not want people who have not got a group assigned to be able to view a profile, or is this an unintended sympton of a change you have made?

If it is the latter, it is likely you may not have closed the display group if statement.

Would you be able to post the profile template(s) you have edited, so we can see the codes you currently have in there

[dh240ri]

Hey Craig!

Thanks for the super swift response - yeah this is definitely an unintended consequence, we definitely want new signups to be able to view and edit their profiles before they're assigned a group! I'll post the code for every tab here. Sorry they're REALLY messy.

I've removed the "follow" option from profiles as well and haven't done much to the friends list for some extra context

USER PROFILE

<div class="container show-user">
   <div style="width:100%;height:20px;background-color:#999;{if $[user.group]}background-color:#$[user.group.color]!important;"> </div>
   <div style="width:100%;height:15px;background-color:#444;"> </div>
<table style="width:100%;background-color:#fbfbfb"><tr>
       
       <td style="padding:20px;height:430px;width:10px;background-color:#999;vertical-align:top;{if $[user.group]}background-color:#$[user.group.color]!important;{/if}"><div class="rcprofbig"><div style="width:250px;height:350px;border-radius:0px;padding:0px;background-image: url('http://placehold.it/250x350');{foreach $[user.custom_field]}{if $[user.custom_field.name] == "250x350 Profile Display"}background-image: url('$[user.custom_field.value]');{/if}{/foreach}background-size:cover;"></div></div></td>
       
       <td style="vertical-align:top;">
       
       <table style="width:72%;float:right;"><tr>
           <td class="rcproftop" style="color:#999;background-color:#eee;vertical-align:bottom;padding:20px;text-transform:uppercase;{if $[user.group]}color:#$[user.group.color]!important;{/if}">
               <div class="rcprofname">$[user.name]</div>
           $[options]
$[send_message_button]
$[edit_profile_button]
$[follow_button]
$[invite_button]
           <div class="ui-tabMenu">
<ul class="ui-helper-clearfix">
{foreach $[menu]}<li{if $[menu.active]} class="ui-active"{/if}><a href="$[menu.href]">$[menu.text]</a></li>{/foreach}
</ul>
</div></td>
           <td style="background-color:#999;background-color:#d45f5f;{if $[user.group]}background-color:#$[user.group.color]!important;{/if}width:110px;height:110px;padding:20px;">
               <div class="rcprofav">$[user.avatar]</div>
           </td>
       </tr></table>
           
           $[content]
       
       </td>
   </tr></table>
</div>

SUMMARY

$[form.header]
<div style="height: 320px">
       
       <table style="width:100%;margin-left:265px;"><tr>
       
       <td style="width:310px;background-color:#f5f5f5;"><div class="rcproflist">
       <table style="width:100%;background-color:#f5f5f5;"><tr>
       <td style="width:100px;"><div class="rcproflistleft" style="background-color:#$[user.group.color]!important;{if $[user.group]}color:#222222;{/if}">
        MONIKER
        </div></td><td style="width:5px;"></td>
       <td><div class="rcproflistright">
        {foreach $[user.custom_field]}{if $[user.custom_field.name] == "Nickname/Moniker"}$[user.custom_field.value]{/if}{/foreach}
           </div></td>
       </tr><tr><td style="height:5px;"></td><td></td><td></td></tr><tr>
       <td style="width:120px;"><div class="rcproflistleft" style="background-color:#$[user.group.color]!important;{if $[user.group]}color:#222222;{/if}">
        AGE
        </div></td><td style="width:5px;"></td>
       <td><div class="rcproflistright">
        {foreach $[user.custom_field]}{if $[user.custom_field.name] == "Character Age"}$[user.custom_field.value] YEARS OLD{/if}{/foreach}
           </div></td>
       </tr><tr><td style="height:5px;"></td><td></td><td></td></tr><tr>
<td style="width:120px;"><div class="rcproflistleft" style="background-color:#$[user.group.color]!important;{if $[user.group]}color:#222222;{/if}">
        BIRTHPLACE
        </div></td><td style="width:5px;"></td>
       <td><div class="rcproflistright">
        {foreach $[user.custom_field]}{if $[user.custom_field.name] == "Birthplace"}$[user.custom_field.value]{/if}{/foreach}
           </div></td>
       </tr><tr><td style="height:5px;"></td><td></td><td></td></tr><tr>
       <td style="width:120px;"><div class="rcproflistleft" style="background-color:#$[user.group.color]!important;{if $[user.group]}color:#222222;{/if}">
        ORIENTATION
        </div></td><td style="width:5px;"></td>
       <td><div class="rcproflistright">
        {foreach $[user.custom_field]}{if $[user.custom_field.name] == "Character Orientation"}$[user.custom_field.value]{/if}{/foreach}
           </div></td>
       </tr><tr><td style="height:5px;"></td><td></td><td></td></tr><tr>
       <td style="width:120px;"><div class="rcproflistleft" style="background-color:#$[user.group.color]!important;{if $[user.group]}color:#222222;{/if}">
        RANK
        </div></td><td style="width:5px;"></td>
       <td><div class="rcproflistright">
        {foreach $[user.custom_field]}{if $[user.custom_field.name] == "Shinobi Rank"}$[user.custom_field.value]{/if}{/foreach}
           </div></td>
       </tr><tr><td style="height:5px;"></td><td></td><td></td></tr><tr>
       <td style="width:120px;"><div class="rcproflistleft" style="background-color:#$[user.group.color]!important;{if $[user.group]}color:#222222;{/if}">
        ORGANIZATION
        </div></td><td style="width:5px;"></td>
       <td><div class="rcproflistright">
        {foreach $[user.custom_field]}{if $[user.custom_field.name] == "Organization"}$[user.custom_field.value]{/if}{/foreach}
           </div></td>
       </tr><tr><td style="height:5px;"></td><td></td><td></td></tr><tr>
       <td style="width:120px;"><div class="rcproflistleft" style="background-color:#$[user.group.color]!important;{if $[user.group]}color:#222222;{/if}">
        ACTIVITY LEVEL
        </div></td><td style="width:5px;"></td>
       <td><div class="rcproflistright">
        {foreach $[user.custom_field]}{if $[user.custom_field.name] == "Activity Level"}$[user.custom_field.value]{/if}{/foreach}
           </div></td>
       </tr><tr><td style="height:5px;"></td><td></td><td></td></tr><tr>
       <td style="width:120px;"><div class="rcproflistleft" style="background-color:#$[user.group.color]!important;{if $[user.group]}color:#222222;{/if}">
        AFFILIATION
        </div></td><td style="width:5px;"></td>
       <td><div class="rcproflistright">
        {if $[user.group]}$[user.group.name]{else}UNDECIDED{/if}
           </div></td>
       </tr></table>
           </div></td>
       
       
       
       <td style="vertical-align:top;background-color:#f5f5f5">
       
        <table style="width:340px;margin-top:18px;margin-left:20px;"><tr>
               <td><div class="rcprofnum"><table style="height:100%;width:100%;"><tr><td>
                   {if $[user.is_online]}
ONLINE
{else}
OFFLINE
{/if}
                   </td></tr></table></div></td><td style="width:9px;"></td>
               <td><div class="rcprofnum"><table style="height:100%;width:100%;"><tr><td>
                   <div class="rcprofnum1" style="color:#$[user.group.color]!important;">$[user.posts]</div>post{if $[user.posts] != 1}S{/if}
                   </td></tr></table></div></td><td style="width:9px;"></td>
               <td><div class="rcprofnum"><table style="height:100%;width:100%;"><tr><td>
                   <div class="rcprofnum1" style="color:#$[user.group.color]!important;"><span class='money_amount'></span></div>RYŌ
                   </td></tr></table></div></td>
           </tr></table>
           
           
           
           <table style="width:347px;margin-left:10px;"><tr>
               <td style="width:10px;"></td>
               <td><div class="rcproflast"><a href="$[recent_threads_created_link.href]" style="font:10px roboto;font-weight:bold;color:#$[user.group.color]!important;">RECENT THREADS</a></td>
               <td style="width:10px;"></td>
               <td><div class="rcproflast">
               
                    {foreach $[user.custom_field]}
          {if $[user.custom_field.name] == "Link to Profile"}
                   <a href="$[user.custom_field.value]" style="font:10px roboto;font-weight:bold;color:#$[user.group.color]!important;">PROFILE APP</a>
                  {/if} {/foreach}
                   
                   
               </td>
           </tr> <tr>
               <td style="width:10px;"></td>
               <td><div class="rcproflast2">
                   
                              {foreach $[user.custom_field]}
          {if $[user.custom_field.name] == "Link to Tracker"}
                   <a href="$[user.custom_field.value]" style="font:10px roboto;font-weight:bold;color:#$[user.group.color]!important;">GROWTH TRACKING</a>
                  {/if} {/foreach}
                   
                   </div></td>
               <td style="width:10px;"></td>
               <td><div class="rcproflast2">
                   
              {foreach $[user.custom_field]}
          {if $[user.custom_field.name] == "Link to Holding"}
                   <a href="$[user.custom_field.value]" style="font:10px roboto;font-weight:bold;color:#$[user.group.color]!important;">HOLDINGS</a>
                  {/if} {/foreach}
                   
                   </div></td>
           </tr></table>
           
         
       
       
           </td>
       </tr></table>
       
</div>
<table style="width:100%;margin-top:92px;"><tr>
   
   <td style="width:10px;background-color:#eee;">
       <div style="font:9px roboto;font-weight:bold;text-align:center;text-transform:uppercase;">
                       {if $[user.personal_text.message]}
$[user.personal_text]
        {else}
        I've been reading books of old, the legends and the myths, the testaments they told, the moon and its eclipse.
               {/if}  
       </div>
       
   </td>
   <td style="width:30%;"><div class="rcprofooc" style="background-color:#$[user.group.color]!important;">
       ROLEPLAYER
       </div>
       {foreach $[user.custom_field]}
   {if $[user.custom_field.name] == "OOC Name"}
   <div class="rcprofooc" style="background-color:#$[user.group.color]!important;margin-top:-60px;">$[user.custom_field.value]</div>
   {/if}
   {/foreach}
   </td></tr></table>
$[form.footer]

ACTIVITY

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="content-box" style="width:70%;margin-left:265px;">
   <div style="height:5px;"></div>
<table>
<tbody class="$[activity_list_class]">
$[activity_list]
</tbody>
</table>
<div class="followmore">$[more_button]</div>
</div>

<style>
   .show-user td.avatar,th.avatar{display:none}
   .show-user td.main,th.main{padding:10px 0px 0px 10px!important;font:10px Roboto;text-transform:uppercase;line-height:10px!important;}
   .show-user td.main a,th.main a {font:10px Roboto!important;line-height:10px!important;}
   .show-user td.delete,th.delete{padding:10px 10px 0px 10px!important;font:10px Roboto;text-transform:uppercase;line-height:10px!important;}
   .show-user td.delete a,th.delete a {font:10px Roboto!important;line-height:10px!important;}
   .show-user td.time-container,th.time-container{text-transform:uppercase;font:10px Roboto;line-height:10px!important;padding:10px 15px 0px 0px!important;}
   .followmore { margin-top:15px;margin-bottom:10px;background-color:transparent;padding:20px 0px;height:10px;font:10px Roboto;text-transform:uppercase; }
   .followmore a { font:10px Roboto;color:#333;height:10px!important;line-height:10px!important;padding:0px!important;margin:0px!important; }
</style>

FOLLOWING

<div class="content-box">
<table class="following list">
<colgroup>
<col class="avatar">
<col>
<col class="time-container">
</colgroup>
<thead>
<tr class="heading">
<th colspan="3">
                   <div class="followtop">
{if $[total_following]}
This member is following $[following_link].  Their activity is displayed below.
{else}
This member is not following any other members.
{/if}
                   </div>
</th>
</tr>
</thead>
<tbody class="$[activity_list_class]">
$[activity_list]
</tbody>
</table>
   <div class="followmore">$[more_button]</div>
</div>

<style>
   .followtop { background-color:#181818;padding:20px 0px;font:10px Calibri;text-transform:uppercase; }
   .followtop a { font:10px Calibri;color:#eeeeee; }
   .followmore { margin-top:4px;margin-bottom:10px;background-color:#181818;padding:20px 0px;height:10px;font:10px Calibri;text-transform:uppercase; }
   .followmore a { font:10px Calibri;color:#eeeeee;height:10px!important;line-height:10px!important;padding:0px!important;margin:0px!important; }
</style>

FOLLOWING LIST

{foreach $[activity]}
<tr>
<td class="avatar" style="vertical-align:top;" style="width:57px;!important;padding-right:0px!important;">
           <div class="followav">
$[activity.user.avatar_small]
           </div>
</td>
<td class="main" style="vertical-align:top;padding-left:0px!important;">
           <div class="followtime">
$[activity.date]
</div>
           <div class="followstuff">$[activity.user] $[activity.text]</div>
</td>
</tr>
{/foreach}
{if !$[activity]}
<tr>
<td colspan="3" class="empty-result-message">
There is no activity to display.
</td>
</tr>
{/if}

<style>
   .followav { height:50px; width:50px;padding:9px;background-color:#1e1e1e;border:solid 1px #181818;margin-left:-3px;margin-bottom:3px; }
   .followav img { height:50px;width:50px; }
   .followtime { margin-left:6px;margin-top:-2px;background-color:#1e1e1e;padding:10px;font:8px Calibri;width:773px!important;font-weight:normal!important;text-transform:uppercase;line-height:10px; }
   .followstuff { margin-left:6px;margin-top:5px; height:35px;overflow:hidden;font:10px Calibri;text-transform:uppercase;text-align:justify;font-style:normal!important; }
   .followstuff a { font:10px Calibri; }
</style>

FRIENDS

<div class="content-box pad-all-double" style="overflow:visible!important;">
<div><div class="friendstop"><span class="friends-stats">[ $[total_online] ] Online    [ $[total_offline] ] Offline</span>  Friends are members that are following each other.</div></div>
</div>
<span class="online-friends clear">
{foreach $[online_friend]}
   <div class="friendav2"><a href="$[online_friend.href]" title="$[online_friend.name]">
   <div class="friendav" style="border:solid 10px #$[online_friend.group.color]!important;">
$[online_friend.avatar_small]
   </div>
       </a></div>
   {/foreach}
</span><span class="offline-friends clear">
{foreach $[offline_friend]}
   <div class="friendav2"><a href="$[offline_friend.href]" title="$[offline_friend.name]">
   <div class="friendav">
$[offline_friend.avatar_small]
   </div>
       </a></div>
{/foreach}
</span>
{if $[suggested_user]}
<div class="suggested-friends content-box pad-all-double clear" style="border-radius:0px;overflow:visible;">
<div class="friendstop2">Other members you might know...</div>
<div style="margin:10px 0px 0px -10px;">{foreach $[suggested_user]}
           <a href="$[suggested_user.href]" title="FOLLOW">
        <div class="friendav" style="border:solid 10px #$[suggested_user.group.color]!important;">$[suggested_user.avatar_small]</div>
           </a>
           {/foreach}</div>
</div>
{/if}

<style>
   .friendstop { background-color:#181818;padding:20px 20px;font:10px Calibri;text-transform:uppercase; margin:0px -11px; margin-bottom:-11px; }
   .friendstop2 { background-color:#181818;padding:20px 20px;font:10px Calibri;text-transform:uppercase; margin:0px -11px;margin-top:-11px; }
   .friendstop a { font:10px Calibri;color:#eeeeee; }
   .friendav { height:50px;width:50px;border:solid 10px #181818;float:left!important;margin:0px 10px 10px 0px; }
</style>

GROUPS

{if $[group]}
<div class="content-box" style="width:72%;margin-left:265px;">
<table class="groups list">
<colgroup>
<col class="group_desc">
<col class="leaders">
<col class="members">
<col class="status">
</colgroup>
<thead>
<tr class="heading">
<th>This Member's Groups</th>
<th>Leaders</th>
<th>Members</th>
<th>Status</th>
</tr>
</thead>
<tbody>
{foreach $[group]}
<tr id="$[group.content_id]" class="$[group.content_class]">
<td class="group_desc">
<a href="$[group.href]">$[group.name]</a>
<br />
{if $[group.description]}$[group.description]<br />{/if}
<span class="small group-controls">
{foreach $[group.control]}$[group.control]{/foreach}
</span>
</td>
<td class="leaders">$[group.leaders]</td>
<td class="members">$[group.total_members_link]</td>
<td class="status">$[group.status]</td>
</tr>
{/foreach}
</tbody>
</table>
</div>
{else}
<h4 id="$[no_groups_message_id]" class="pad-bottom-double">
{if $[user.id] == $[current_user.id]}
You are not a member of any group.
{else}
This user is not a member of any group.
{/if}
</h4>
{/if}
{if $[other_group]}
<div class="content-box" style="width:72%;margin-left:265px;">
<table class="groups list">
<colgroup>
<col class="group_desc">
<col class="leaders">
<col class="members">
<col class="status">
</colgroup>
<thead>
<tr class="heading">
<th>Other Groups</th>
<th>Leaders</th>
<th>Members</th>
<th>{if $[user.id] == $[current_user.id]}Options{else}Status{/if}</th>
</tr>
</thead>
<tbody>
{foreach $[other_group]}
<tr id="$[other_group.content_id]" class="$[other_group.content_class]">
<td class="group_desc">
<a href="$[other_group.href]">$[other_group.name]</a>
<br />
{if $[other_group.description]}$[other_group.description]<br />{/if}
<span class="small group-controls">
{foreach $[other_group.control]}$[other_group.control]{/foreach}
</span>
</td>
<td class="leaders">$[other_group.leaders]</td>
<td class="members">$[other_group.total_members_link]</td>
<td class="status">$[other_group.status]</td>
</tr>
{/foreach}
</tbody>
</table>
</div>
{/if}


NOTIFICATIONS

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="content-box" style="background-color:transparent!important;border:0px;margin-left:300px;width:580px;font-size:11px;">
<br />
<table class="notifications list">
<tbody class="$[notification_list_class]">
$[notification_list]
</tbody>
</table>
$[more_button]
</div>

NOTIFICATIONS LIST

{foreach $[notification]}
<tr>
<td class="main">
$[notification.new_icon]
$[notification.text]
</td>
<td class="time-container">
$[notification.date]
</td>
</tr>
{/foreach}
{if !$[notification]}
<tr id="no-notifications-row">
<td colspan="2" class="empty-result-message">
There are no notifications to display.
</td>
</tr>
{/if}

[Craig]

Thanks

In the first block of code you posted, on the second line:

  <div style="width:100%;height:20px;background-color:#999;{if $[user.group]}background-color:#$[user.group.color]!important;"> </div>

Add a {/if} just after !important;

That should hopefully fix it for you

[dh240ri]

Absolute champion. That's what fixed it - thanks Craig!

And thanks also for getting to this so quickly - I definitely wouldn't have been able to find it in my mess.

[Craig]

No problem. Glad i could help