Skip to content

Latest commit

 

History

History
64 lines (48 loc) · 2.79 KB

Installation.md

File metadata and controls

64 lines (48 loc) · 2.79 KB

Blazor WASM with GridCore back-end (gRPC)

Installation

Index

We will follow the "Code-first gRPC" approach, as explained here.

The GridBlazor component installation for gRPC is straightforward. Just follow these steps:

  1. Create a new Blazor client-side solution using the Blazor WebAssembly App template

  2. Install the following nuget packages on the client project:

  3. Install the following nuget packages on the server project:

  4. Install the following nuget packages on the shated project:

  5. Add the following lines to the wwwroot/index.html file:

        <link href="_content/GridBlazor/css/gridblazor.min.css" rel="stylesheet" />
    <script src="_content/GridBlazor/js/gridblazor.js"></script>

    These files will be loaded from the GridBlazor nuget package, so it is not necessary to copy it to you project.

  6. Add this line to the Program.cs file on the client project:

       builder.Services.AddGridBlazor(x => x.Style = CssFramework.Bootstrap_4);

    You can select the CSS framework used in your project among the following:

    • CssFramework.Bootstrap_4
    • CssFramework.Bootstrap_5
    • CssFramework.Bootstrap_3
    • CssFramework.Materialize
    • CssFramework.Bulma

  7. Add the CCS framework that you use to the wwwroot/index.html file

  8. If you are using Boostrap 3.x you will also need this line in the wwwroot/index.html file:

        <link href="~/_content/GridBlazor/css/gridblazor-bootstrap3.min.css" rel="stylesheet" />

  9. If you are using Materialize you will also need this line in the wwwroot/index.html file:

        <link href="~/_content/GridBlazor/css/gridblazor-materialize.min.css" rel="stylesheet" />

  10. If you are using Bulma you will also need this line in the wwwroot/index.html file:

        <link href="~/_content/GridBlazor/css/gridblazor-bulma.min.css" rel="stylesheet" />

Quick start ->