Specify Page Filename inside navBar

[naurel]

Right now every application is easy identifiable on the navBar with "data-navapp" and "data-navext" :

<li id="elNavSecondary_24" data-role="navBarItem" data-navapp="app1" data-navext="app1" data-navtitle="App1_title">
  <a href="https://theforum.com/index.php?/app1/" data-navitem-id="20">
    App1_title
  </a>
</li>

So when you want to apply special CSS on it you just need to do something like that :

.ipsNavBar_primary > ul > li[data-navext='AllActivity'] > a:before{ content: "\f00b" }

Now let's have a look with a Page one :

<li id="elNavSecondary_24" data-role="navBarItem" data-navapp="cms" data-navext="Pages" data-navtitle="PageTitleHere">
  <a href="https://theforum.com/index.php?/PageFilename/" data-navitem-id="24">
    PageTitleHere
  </a>
</li>

So if you want to apply special CSS on it, your only way is to use data-navtitle. Wich change for every language you have on your website !

Since the PageFilename doesn't change can't you add this information for example something like this :

<li id="elNavSecondary_24" data-role="navBarItem" data-navapp="cms" data-navext="Pages" data-navtitle="PageTitleHere" data-navlocation="PageFilename">
  <a href="https://theforum.com/index.php?/PageFilename/" data-navitem-id="24">
    PageTitleHere
  </a>
</li>