Xenforo 2.1 Registered usergroup Name in navbar next to my username

[Roland]

i want to show this Registered
usergroup in navbar next to my username

 

[Roland]

want

 

[BattleKing]

want

RolandLike this

or like this:

In Extra.less increase field size

.p-navgroup-link.p-navgroup-link--user {
    max-width: 550px;
}

Template modification
PAGE_CONTAINER

Search Simple

FIND:

<span class="p-navgroup-linkText">{$xf.visitor.username}</span>

REPLACE:

<span class="p-navgroup-linkText username--style{$xf.visitor.display_style_group_id}">
    <xf:if is="{$xf.visitor.display_style_group_id} == 1">
        Guest
    <xf:elseif is="{$xf.visitor.display_style_group_id} == 2" />
        Registered
    <xf:elseif is="{$xf.visitor.display_style_group_id} == 3" />
        Administrator
    <xf:elseif is="{$xf.visitor.display_style_group_id} == 4" />
        Moderator
    <xf:else />
        Not fedined
    </xf:if>
         / {$xf.visitor.username}</span>

Last one need to be adapted, if new groups will be added.

 

[one_finger_man]

Like this
View attachment 30909

or like this:
View attachment 30910

In Extra.less increase field size

.p-navgroup-link.p-navgroup-link--user {
    max-width: 550px;

Template modification
PAGE_CONTAINER

Search Simple

FIND:

<span class="p-navgroup-linkText">{$xf.visitor.username}</span>

REPLACE:

<span class="p-navgroup-linkText username--style{$xf.visitor.display_style_group_id}">
    <xf:if is="{$xf.visitor.display_style_group_id} == 1">
        Guest
    <xf:elseif is="{$xf.visitor.display_style_group_id} == 2" />
        Registered
    <xf:elseif is="{$xf.visitor.display_style_group_id} == 3" />
        Administrator
    <xf:elseif is="{$xf.visitor.display_style_group_id} == 4" />
        Moderator
    <xf:else />
        Not fedined
    </xf:if>
         / {$xf.visitor.username}</span>

Last one need to be adapted, if new groups will be added.

BattleKingyou need to add this not the top

.p-navgroup-link.p-navgroup-link--user {
    max-width: 550px;
}

 

[BattleKing]

you need to add this not the top

.p-navgroup-link.p-navgroup-link--user {
    max-width: 550px;
}

one_finger_manIf this is not added the field is not big enough and possibly only the group name will be visible

 

[one_finger_man]

If this is not added the field is not big enough and possibly only the group name will be visible

BattleKingyou did not have this part with out this i got issues so i had this and it works well

}

 

[Roland]

you did not have this part with out this i got issues so i had this and it works well

}

one_finger_man

yes like that but i want this rank to be show.

 

[one_finger_man]

View attachment 30940 yes like that but i want this rank to be show.

Rolandare you talking about admin and not register member you have to set this in your settings

 

[Roland]

are you talking about admin and not register member you have to set this in your settings

one_finger_manno bro u didnt understand, i want this rank image to be left of username

just like above he did but i dont want text i want userrank

 

[BattleKing]

no bro u didnt understand, i want this rank image to be left of username

just like above he did but i dont want text i want userrank

RolandSo just the image, which image, the image which has been assigned to the group?

 

[Roland]

So just the image, which image, the image which has been assigned to the group?

BattleKingrank image bro)

this i want to show this.
for all usergroups for example you admin im registered other guy vip member
the purpuse of this is users can see their rank in front of them

 

[Roland]

So just the image, which image, the image which has been assigned to the group?

BattleKinglook as as here
users can see their rank . this is from `

Welcome to your User Control Panel ` i want this to located in navbar and account upgrade page.​

 

[BattleKing]

rank image bro)

this i want to show this.
for all usergroups for example you admin im registered other guy vip member
the purpuse of this is users can see their rank in front of them

RolandLike this:

Thats easy, change the template modification like that:

FIND:

                                <xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
                                <span class="p-navgroup-linkText">{$xf.visitor.username}</span>

REPLACE

<xf:userbanners user="$xf.visitor" tag="div" class="message-userBanner" itemprop="jobTitle" />
<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
<span class="p-navgroup-linkText username--style{$xf.visitor.display_style_group_id}">
    {$xf.visitor.username}
</span>

Please remeber to change field size as mentioned above. in EXTRA.LESS

.p-navgroup-link.p-navgroup-link--user {
   max-width: 550px;
}

 

[Roland]

i thought all is working well but

when i click to threads that staff member and administrator rank list horizontal

i guess we should add another extra less code

 

[Roland]

when i enter thread

 

[BattleKing]

View attachment 30984

when i enter thread

Rolandhm good question, did not find the CSS which is responsible for that yet.
Further investigation need to be executed, maybe someone else might know the answer

 

[Roland]

hm good question, did not find the CSS which is responsible for that yet.
Further investigation need to be executed, maybe someone else might know the answer

BattleKingidk why its happend
should be that extra less code work but its not working

or can we erase it when entering a thread what should we do?

 

[BattleKing]

idk why its happend
should be that extra less code work but its not working

or can we erase it when entering a thread what should we do?

RolandNo you can leave the entered code in extra.less, it must be something different.
But I did not found it yet, need to check it later or as mentioned maybe someone else know it.

 

[Roland]

ok, for that we still need a solution, but I did not get the time currently to check it again.

BattleKinganyone fix this issue

 

[BattleKing]

anyone fix this issue

RolandFound it, it will work without cXF Top Navigation, but if you want it there as well, you need an extra template modification.

First of all this was missing in the extra.less file:

.p-navgroup-link {
    .message-userBanner.userBanner {
    display: unset;
    }
}

If TOP Navigation is installed and Visitor Tab has been moved to there, you need this
TEMPLATE: cxf_top_navigation_visitor
FIND:

                    <xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
                    <span class="p-navgroup-linkText">{$xf.visitor.username}</span>

REPLACE

<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
<span class="p-navgroup-linkText username--style{$xf.visitor.display_style_group_id}">
    {$xf.visitor.username}
</span>
<xf:userbanners user="$xf.visitor" tag="div" class="message-userBanner" itemprop="jobTitle" />

 

[thomsa]

fixed

Rolandpl do not delete content and edit title.

 

[Roland]

pl do not delete content and edit title.

thomsasorry i thought i fixed issue