Skip to main content

Application shell & navigation

The navigation shell from Module 3 · Application Shell & Navigation, as the walkthrough video builds it: a header, a left navigation menu, a content panel and a status bar, all docked. Every nav button calls one shared NavigateTo(), which swaps a UserControl view into the content panel, updates the breadcrumb and writes the status bar. Settings is view-only for a Support Agent.

Run it

cd "LearnWisej-Samples/Foundations Course/Module 3/WisejTrainingApp"
dotnet run -f net10.0 --urls http://localhost:5083

Then open http://localhost:5083. (Visual Studio: open WisejTrainingApp.slnx, press F5.)

What to try

ActionWhat you should see
Click Dashboard, Tickets, Customersthe content area swaps to that view, the breadcrumb reads Home / Tickets, the status bar reads hh:mm:ss PM - Opened Tickets page.
Click Settingsthe Settings view opens with Save disabled and View only — a Support Agent cannot save settings.

The shell

RegionControlDock
Header — ServiceDesk Application, breadcrumb, signed-in userpnlHeader (lblAppTitle, lblBreadcrumb, lblUser)Top
NavigationpnlNav (btnDashboard, btnTickets, btnCustomers, btnSettings)Left
Content — the current viewpnlContentFill
Status barlblStatusBottom

Where things live

FileWhat it's for
Program.csStartup — sets Application.MainPage = new MainPage()
MainPage.csThe shell: the four nav handlers, NavigateTo(), ApplyPermissions()
Views/DashboardView.cs, TicketsView.cs, CustomersView.csThe three plain views
Views/SettingsView.csTakes the current role; disables Save for a Support Agent
*.Designer.csGenerated by the Designer — don't edit by hand