Forum Discussion

jmurray's avatar
jmurray
Champion
12 years ago

trying to get usernames to be colored by rank color in a module

Hi,   So here's what I've got so far:   The problem with this^ is that my username is green.  It should be red, because I'm an admin.  Likewise, my Community Guides should be pink, etc.  ...
  • ChiaraS's avatar
    ChiaraS
    12 years ago

    Hi,

     

    note that you can also use rest to get the rank color for the user and freemarker to get the user's profile page url:

     

    <#assign rank_display = rest("/users/login/${user.login}/ranking").ranking />
<#assign rank_color = rank_display.display.color />
<#if rank_color != "">
	<#assign rank_color = "style=\"color:#${rank_color}\"" />
</#if>

<a class="lia-link-navigation lia-page-link lia-user-name-link" ${rank_color} target="_self" href="${user.webUi.url}">
	${user.login}
</a>

     

YuriK's avatar
YuriK
Khoros Expert
12 years ago

Hey Jim,

 

The Lithium selector for links is more specific and was taking precedence. Also for some reason your css formatting wasn't working.

 

I was able to get it to work by using !important as follows:

 

<style type="text/css"> 
a:link.rankcolor  {color: #ff0000 !important;} 
a:active.rankcolor  {color: #ff0000 !important;} 
a:visited.rankcolor{color: #ff0000 !important;} 
a:hover.rankcolor {color: #ff0000 !important;}   
</style>

 Hope this helps,

 

Yuri

  • YuriK's avatar
    YuriK
    Khoros Expert
    12 years ago

    This is probably an even better way to do it. To avoid using !important.

     

    <style type="text/css"> 
.lia-body .lia-content a, .lia-body .lia-content a:link.rankcolor  {color: #ff0000;} 
.lia-body .lia-content a, .lia-body .lia-content a:active.rankcolor  {color: #ff0000;} 
.lia-body .lia-content a, .lia-body .lia-content a:visited.rankcolor{color: #ff0000;} 
.lia-body .lia-content a, .lia-body .lia-content a:hover.rankcolor {color: #ff0000;}   
</style>

     

     

    • ChiaraS's avatar
      ChiaraS
      Lithium Alumni (Retired)
      12 years ago

      Hi,

       

      note that you can also use rest to get the rank color for the user and freemarker to get the user's profile page url:

       

      <#assign rank_display = rest("/users/login/${user.login}/ranking").ranking />
<#assign rank_color = rank_display.display.color />
<#if rank_color != "">
	<#assign rank_color = "style=\"color:#${rank_color}\"" />
</#if>

<a class="lia-link-navigation lia-page-link lia-user-name-link" ${rank_color} target="_self" href="${user.webUi.url}">
	${user.login}
</a>

       

      • jmurray's avatar
        jmurray
        Champion
        12 years ago

        Great replies. Thanks!

         

        I ended up going with Chiara's more elegant method.  I didn't know you could do that with rank colors.