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

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Differentitate between...
Power Apps
Unanswered

Differentitate between prevoius and next siblings in a progress bar for web pages.

(0) ShareShare
ReportReport
Posted on by 2

Hi,

 

I have created a progressbar that is ontop of an entity form. The entity form is devided into tabs and each tab has a seperate page. On each web page i have a web template with this code to make a progress bar :

 

 

{% assign depth_offset = depth_offset | default: 1 %}
{% assign current_page = current_page | default: page %}
{% assign current_depth = 0 %}

{% assign leaf_page = false %}

<div class="progressbar-wrapper-application">
 <ul class="progressbar-application">
 {% capture page_item %}
 <li class="active">
 <a href={{ current_page.url | h }} title={{ current_page.title | h }}>
 {{ current_page.title | h }}
 </a>
 </li>
 {% endcapture %}

 {% assign crumb_count = 0 %}
 {% assign leaf_mode = false %}
 
 {% for sibling in current_page.parent.children %}
 {% if sibling.url == current_page.url %}
 {{ page_item }}
 {% else %}

 
 <li>
 <a href="{{ sibling.url | h }}" title={{ sibling.title | h }}>
 {{ sibling.title | h }}
 </a>
 </li>
 {% endif %}
 {% endfor %}
 </ul>
</div><div> <div><span>The question is now <div>1. How do i know if it is the previous or next sibling child. The reason is that i want to style the previous and next items.<div>2. Second question is, if the page has been visited i want the links to be active, if they are not, then they should be dissabled. How do i solve this ?<div> <div>W. </div></div></div></div></span></div></div>

 

Categories:

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

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 345 Super User 2026 Season 2

#2
Mohsin Ali Profile Picture

Mohsin Ali 225

#3
M Bilal Khan Profile Picture

M Bilal Khan 192

Last 30 days Overall leaderboard