web
You’re offline. This is a read only version of the page.
close
Skip to main content
Community site session details

Community site session details

Session Id : 2usoHes3/yLMESokoELG+o
Power Platform Community / Forums / Power Pages - Power Apps Portals / Great Grandchild Pages
Power Pages - Power Apps Portals
Answered

Great Grandchild Pages

Like (0) ShareShare
ReportReport
Posted on 19 Nov 2021 17:49:49 by 600toogood 30

Is it possible to have great grandchild, great-great grandchild pages, etc.?

 

It appears that you can only have a parent, child and grandchild page because when I try to add a new child page to a grandchild page, the option disappears from the menu (on the ellipsis for the grandchild page, there is no longer an option for "Add a child page" or "Make this a subpage").

 

Please tell me the steps if it's possible to have these further down the line child pages.

 

I have attached a picture to show what my screen looks like.

Screen Shot 2021-...
I have the same question (0)
  • ragavanrajan Profile Picture
    ragavanrajan 7,036 Most Valuable Professional on 22 Nov 2021 at 16:49:57
    Re: Great Grandchild Pages

    No worries @600toogood . Happy to help.

  • 600toogood Profile Picture
    600toogood 30 on 22 Nov 2021 at 15:53:31
    Re: Great Grandchild Pages

    Thank you for your help.  You've answered all three of my posts so far and provided sample coding, which has been a blessing to work off of.

  • 600toogood Profile Picture
    600toogood 30 on 22 Nov 2021 at 15:51:58
    Re: Great Grandchild Pages

    That is a good point.  I did not plan on having the child pages as part of the default menu bar.  I just wanted to have more child pages because I like the "Full Page" template and how the child pages are set up on that template.  I agree that having all of the child pages appearing in the menu bar can be too busy and confusing.

  • Christian Leverenz Profile Picture
    Christian Leverenz 1,214 on 22 Nov 2021 at 11:19:13
    Re: Great Grandchild Pages

    @600toogood ,

    as @ragavanrajan pointed out, technically its possible (may be not via the ui). I only want to add if i may, that i would really think about having this kind of navigation. I had discussions with colleagues about that and a third level of navigation might be ok, but do not take it too far. Your users will not be able to use that kind of deep navigation, especially mobile devices could be challenge for them.

    But in fact i can not judge your project and your userbase. I am just very careful about this kind of reqeusts from clients 🙂

    Have fun,

      Christian

  • Verified answer
    ragavanrajan Profile Picture
    ragavanrajan 7,036 Most Valuable Professional on 20 Nov 2021 at 20:09:02
    Re: Great Grandchild Pages

    Hi @600toogood 

     The answer is no using portal studio. But you are not limited to. 

    You can create your own header web template using liquid and Bootstrap 3. Then you can play around with list items to get grandchild pages. 

     

    official link to create web templates: https://docs.microsoft.com/en-us/learn/modules/portal-custom-web/ 

     

    And the sample code to get nested sub menus 

     

     <ul class="nav navbar-nav">
 <li class="active"><a href="#">Home</a></li>
 <li><a href="#about">About</a></li>
 <li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true"> <span class="nav-label">Services</span> <span class="caret"></span></a>
 <ul class="dropdown-menu">
 <li><a href="#">Service A</a></li>
 <li><a href="#">Service B</a></li>
 <li class="dropdown-submenu">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <span class="nav-label">Service C</span><span class="caret"></span></a>
 <ul class="dropdown-menu">
 <li><a href="#">Service C1</a></li>
 <li><a href="#">Service C2</a></li>
 <li><a href="#">Service C3</a></li>
 <li><a href="#">Service C4</a></li>
 <li><a href="#">Service C5</a></li>
 </ul>
 </li>
 </ul>
 </li>
 </ul>

     

    If you are happy to maintain your custom web template then please go ahead. 

     

    Output: 

     

    ragavanrajan_0-1637438927801.png

     


    Hope it helps. 
    ------------

    If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities
Join experts in person to explore low code and AI agents at the Power Platform Community Conference sponsored by Microsoft
Responsible AI policies for the Community

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

MS.Ragavendar – Community Spotlight

We are honored to recognize Ragavendar Swaminatha Subramanian as our September…

Congratulations to the August Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
Jon Unzueta Profile Picture

Jon Unzueta 107 Super User 2025 Season 2

#2
KevinGador Profile Picture

KevinGador 34 Super User 2025 Season 2

#3
SwatiSTW Profile Picture

SwatiSTW 24 Super User 2025 Season 2

Last 30 days Overall leaderboard

Featured topics

Updates on Power Apps Portals - PLEASE READ

Product updates

Microsoft Power Platform Community release plans