A default Lithium profile page has a component that displays the users avatar image - my problem is, that I somehow deleted it from the page in Studio, and now I cant find it in the list of components.
Can someone point it out for me? :)
The html being output has the class 'viewprofilepagebanner '
Maybe users.widget.about-me. Here's a screenshot of my View Profile Page.
Here's the layout xml:
<quilt layout="two-column.main-side" extends="Common">
<add to="common-header">
<component id="view-profile-banner"/>
</add>
<add to="main-content">
<component id="users.widget.about-me"/>
<component id="forums.widget.recent-messages"/>
<component id="users.widget.my-public-statistics"/>
<component id="users.widget.my-statistics"/>
<component id="kudos.widget.my-recently-kudoed-messages"/>
<component id="kudos.widget.messages-recently-kudoed-by-user"/>
<component id="tkb.widget.user-contributed-articles"/>
<component id="qanda.widget.my-questions"/>
<component id="qanda.widget.my-answers"/>
<component id="users.widget.moderator-controls"/>
</add>
<add to="side-content">
<component id="users.widget.unsaved-drafts"/>
<component id="users.widget.contact-me"/>
<component id="images.widget.gallery"/>
<component id="video.widget.gallery"/>
<component id="users.widget.my-friends-by-request"/>
<component id="tags.widget.my-tags"/>
<component id="kudos.widget.my-recent-kudos-to-users"/>
<component id="kudos.widget.my-recent-kudos-from-users"/>
<component id="fan-groups.widget.fan-groups-list"/>
<component id="users.widget.manage_roles"/>
</add>
</quilt>
Its actually the view-profile-banner widget in the common-header part of the page I was looking for. I have looked in all the component groups, but havent found anything to insert.
But I take it I can just copy paste
<component id="view-profile-banner"/>
into the XML directly to have it back
Yup, that should work. When I was playing with it, it seems like you have to edit the xml, then switch back to the canvas view, then save, for the change to stick.
I found this:
<component id="view-profile-banner" mode="default"/>
What is the possible values for "mode" parameter? And what does it mean?
peterlu wrote:
I found this:
<component id="view-profile-banner" mode="default"/>
What is the possible values for "mode" parameter? And what does it mean?
I'm curious about this as well since I would like a more immersive profile header with a larger profile avatar. Anyone knows more about the mode-parameter nowadays?
Updated: Found a references to a mode quilt parameter, but they only reference slim and wide which don't have any effect on this component :(
