How to render the profile side navigation on my own web template

(0) Share

Report

Posted on by Community Member Microsoft Employee

I have created a new web template that will be served to the portal user as a sub page of his profile page. It is included in the side navigation on the left.

I want to render the same side navigation on this page, so the lay-out remains consistent. I cannot just use the Profile Child Page template that is included, because I need full control over the generated HTML for reasons.

Can this be done? And How?

All responses (2)

Answers (0)

cloflyMao 25,198 on at

Like (0)

Report

RE: How to render the profile side navigation on my own web template

Hi Steven,

Could it work for you?

Regards,

Clofly
cloflyMao 25,198 on at

Like (0)

Report
RE: How to render the profile side navigation on my own web template

Hi Steven,

Below is my process to do such customization, you could take it as reference.

1. Create a snippet content with code below:

{{user.fullname}}

Profile

Security

Change Password Change Email Manage External Authentication

These code are copied from source code of left side navigation of profile page by inspector.

2. In custom web template, import the left side navigation by {% editable snippets 'xxx' type: 'html' %}

{% block breadcrumbs %} {% include 'Breadcrumbs' %} {% endblock %} {% block title %} {% include 'Page Header' %} {% endblock %}

{% block aside %} {% editable snippets 'MyProfileSideNavigation' type: 'html' %} {% endblock %}

{% block main %}
Any content...
{% endblock %}

3. Result:

Regards,

Clofly