2 year anniversary

Adding item to the top toolbar

The navigation structure and how it is presented to the user just might be the most important part of your site. It lets the user travel through the pages of your site and keeps them informed of where they are. 

 

main.ts

import V = require("VCL/VCL");
export function start() {
    V.Application.initialize();

    V.Application.CurrencyDecimals = 2;
    V.Application.ApplicationBrandName = "Contoso LTD";
    V.Application.ApplicationTitle = "VCL.JS App";
    V.Application.MainPage = "PageHome";
    V.Application.AuthenticationRequired = false;
  
    //add application navigation bar here
    V.Application.addNavbarItem("Home", "icon-home icon-white", () => {
        V.Application.navigateToPage(V.Application.MainPage);
    });
  
    //add application navigation bar here
    V.Application.addNavbarItem("Customers", "icon-home icon-white", () => {
       //navigate to the page
       V.Application.navigateToPage("CustomersPage");
    });
  
  
    V.Application.run();
}

This entry was posted in Code Snippet and tagged , , . Bookmark the permalink.
  • Chris

    tip: if you change the navbar contexts later, after calling run(), make sure to call V.Application.refreshDefaultPage(); to update the nav bar.