I want to display the user on the header, like on the app.fmbetterforms. How do I do that?
This can be accomplished with a site header slot, and having some data reference the app
( which you will have to manage.
Here is a simplified version of the sidebarLeftTop
slot:
<div class="sidebar-profile">
<div class="profile-body dropdown">
<h4 style="margin-top: 0">
<a
@click="namedAction('myAccount',{})"
class="bold">{{app.user.email}}</a>
</h4>
</div>
</div>
and here is a version in the header top right where the email is it is in the logout
slot:
This
<li class="dropdown profile hidden-xs">
<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" style="background-color: unset;">
<span class="meta">
<span class="">{{ app.user.email}} </span>
</span>
</a>
</li>
This code is for example only, I have edited but not tested (from the original version )
I tried and that doesn’t work. This is not urgent at all.