Advanced Navigation Demo

              [
  {
    "regex": "https://median.dev/advanced-navigation/index",
    "title": "Home"
  },
  {
    "regex": "https://median.dev/advanced-navigation/contact",
    "title": "Contact Us"
  },
  {
    "regex": "https://median.dev/advanced-navigation/about",
    "title": "About"
  }
]
            

              median.navigationTitles.set({
  active: true,
  titles: [{
    title: 'About Page Title',
    regex: '.*/advanced-navigation/about.*'
  },
  { title: 'Contact Page Title',
    regex: '.*/advanced-navigation/contact.*'
  },
  { title: 'Home Page Title',
    regex: '.*/advanced-navigation/.*'
  }],
  persist: true
});
            

              if (navigator.userAgent.indexOf('gonative') > -1 || navigator.userAgent.indexOf('median') > -1) {
  median.navigationTitles.setCurrent({
    title: 'Hello World'
  });
}
            

              if (navigator.userAgent.indexOf('gonative') > -1 || navigator.userAgent.indexOf('median') > -1) {
  median.navigationTitles.set({
    persist: true
  });
}
            

              "navigation": {
  "actionConfig": {
    "actionSelection": [{
      "id": "cartAction",
      "regex": ".*"
    }],
    "actions": [{
      "items": [{
        "url": "javascript:alert('shopping cart clicked');",
        "icon": "fas fa-shopping-cart",
        "label": "Shopping Cart"
      }],
      "id": "cartAction"
    }],
    "active": true
  }
}