Development_Notes.md

Overview

This document was created to record information found while this project was a proof of concept. The notes can serve as a reference to note the technology being used, any issues that may have arrived during research & any customization to the code that Visual Studio generates when creating a Blazor Server project.

Deployment

During development, the application was deployed using Azure DevOps. Information about the pipelines can be found here

BlazorStrap Changes

1. Official Instructions
2. Installed BlazorStrap NuGet Package
3. Modified Startup.cs to add the "AddBootstrapCss" to the DI container
4. Used this example to modify _Host.cshtml
5. Removed the project geneated reference to Bootstrap.css in _Host.cshtml
6. Created MainLayout.razor.cs (as opposed to putting it in MainLayout.razor) and add this code.
7. Remove the wwwroot/css/bootstrap.min.css file that was created by default when the Blazor project was created

Fontawesome Changes

1. Download here
2. Create a folder under wwwroot/css/fontawesome and place all.min.css in this directory
3. Reference all.min.css in _Host.cshtml
4. webfonts folder should go in wwwroot/css folder as this is where all.min.css will look for it

PrismJS

1. Download the JavaScript & CSS file here
2. Place files in a directory in wwwroot
3. Reference the files in _Host.cshtml
4. Read this blog to understand Blazor and PrimJS
5. Add the following to Index.razor.cs

        protected override async Task OnAfterRenderAsync(bool firstRender)
        {
            // https://blog.ladeak.net/posts/blazor-code-highlight
            await _jsRuntime.InvokeVoidAsync("Prism.highlightAll");
        }

App Registration Name

Blazor.EventGridViewer.ServerApp

Misc. Notes

1. For Copy to work, it must be https

Misc. Links

1. Update the UI from Server Example1
2. Update the UI from Server Example2
3. ValueKind Issue
4. Bootstrap with Blazor - No jQuery
5. Gitter Thread About Accordion
6. BlazorStrap
7. BlazorStrap - Collapse