Coding With David

I have always found the UI control that allows a user to manage their profile and preferences to be useful and pretty cool. In this project, I have built this type of control in Blazor.  I think it turned out pretty nice if I say to myself. The main feature I was looking for was just a visual UI that once clicked on, would allow the user to perform some standard actions like managing their profile settings, their application preferences,  getting help, and even logging out. As I started designing the control, I realized that building in all the functionality for the actions would be overkill and make it hard to customize.  I solved this by making a collection of actions that can be passed in as a parameter to the control.  Each action has a link to its own page, a link to the icon image, and a title.  This makes it a lot more reusable.   List of Actions Alerts If the application I am using this in has internal alerts or notifications, I wanted the feature to show the number of alerts o

 I have been working with Blazor since 2019.  My first Blazor application did not even use a template.  But the templates were provided shortly after, which were very much welcomed.  When I first starting using the template, I thought it was a good template, nice colors and the nav was good too.   I have created a lot of Blazor applications,  the current template is starting to look redundant to me.  Plus all other simple Blazor applications have a similar look and feel.  So I figured it was time to generate my own.  This post is the first one I created. I looked around and found several navigations I like, but none of them had all the feature I was wanted.   This is my version of a navigation bar that has the features I was looking for.  I did struggle with what if any UI kit to use.  More on that in an upcoming blog post.  Spoiler alert, I did not use any. Key Features Nice header Left sided nav bar Sidebar that slides out Pin sidebar Responsive Cool colors Building the Nav Now that