XF 2.3 Postbit in mobile

[AndreaMarucci]

Hello, my postbit in desktop show these info



but not in mobile, only the tags and the string under the name.



I'd like to add other informations, space permitting, like the registration date or the location. Can anyone tell me how to do that?

 

[AndreaMarucci]

Anyone is willing to help on that matter?

 

[AndreaMarucci]

bump

 

[QuackieMackie]

Your looking to want to edit the template public:message_macros.
This uses the template public:message.less I believe.

 

[dutchbb]

I am using this for a cleaner look

[OzzModz] Profile Fields Popup

Jan 5, 2019

Add a popup which will show all the user's custom profile fields within the message user info block.

• Painbaker
• custom fields hover popup postbit profile
• Add-ons [2.x]

Edit: i use it only on mobile with a pop-up arrow.

 

[AndreaMarucci]

Thanks for your replies. I'll lok at the template and also the solution from @dutchbb but I've asked the dev if it works also in mobile

 

[AndreaMarucci]

Ok, solved. I've asked Chatgpt exactly what needed and I got the perfect solution. Well, I'm asking myself why no one but DutchBB and QuackieMackie - whom I thank - has ever replied to my request. But here is the solution!

Put in message_macros right after this block

<div class="message-userDetails"> <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'name' : '' }}" /></h4> <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="{{ $includeMicrodata ? 'jobTitle' : '' }}" /> <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="{{ $includeMicrodata ? 'jobTitle' : '' }}" /> </div>

this code

<!-- MOBILE USER FIELDS -->
<div class="message-userMobileFields">
    <dl class="pairs pairs--justified">
        <dt>Nome</dt>
        <dd>{$user.Profile.custom_fields.nomecognome}</dd>
    </dl>

    <dl class="pairs pairs--justified">
        <dt>{{ phrase('joined') }}</dt>
        <dd>{{ date($user.register_date) }}</dd>
    </dl>

    <xf:if is="$user.Profile.location">
        <dl class="pairs pairs--justified">
            <dt>{{ phrase('location') }}</dt>
            <dd>{$user.Profile.location}</dd>
        </dl>
    </xf:if>
</div>
<!-- /MOBILE USER FIELDS -->

and put this code in extra.less

.message-userMobileFields { display: none; }

@media (max-width: @xf-messageSingleColumnWidth)
{
    .message-userMobileFields { display: block; }
}

Nothing is changed in desktop but here is the mobile. Exactly what I needed. Just wandering why I haven't asked Chatgpt before.

 

[briansol]

extra.less shouldn't have html in it...

 

[AndreaMarucci]

You're right probably I've pasted the wrong code. I'll check

 

[AndreaMarucci]

Corrected