Property page.props.path not synced

Hi, I’m using the page property page.props.path to compare with the target paths in a menu tree. To create some feedback for the user on which page is active by changing backgroundColors.

The problem I’m facing is that when opening a specific page in my project, the property page.props.path stops updating to other pages. I’ve tried deleting and creating the page again.

I recently implemented this featuring by…

  • Having a Flex Repeater Plus component repeating all available menu items (Button components) and the Flex Repeater component had a custom prop called `currently_selected`
  • Using the instanceCommon property to pass the currently_selected property to each instance as a param. Note: If you use a regular Flex Repeater you just pass it as a normal param in the instance viewParams.
    image
  • The repeated component has a binding on its style that if the text param equals the currently_selected param it makes the BG color blue, otherwise keeps it transparent.

Like everything, many ways to get the job done and this is just one of the ways that worked for me. I am sure you could implement something similar with the Navigation components.

Thanks for your suggestion!

I did not find why page.props.path gets stuck. It’s the same thing in 8.3.0 also.

I’ve tested the solution mentioned in: MenuTree selected item. And it looks to work really well.

1 Like