Skip to content

Latest commit

 

History

History
48 lines (36 loc) · 1.81 KB

Installation.md

File metadata and controls

48 lines (36 loc) · 1.81 KB

Blazor server-side

Installation

Index

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

  1. Create a new Blazor server-side solution using the Blazor Server App template

  2. Install GridBlazor and GridCore nuget packages on the project.

  3. Add the following lines to the _Host.cshtml view or directly to the page:

        <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.

  4. Add this line to the Startup.cs file:

       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
  5. Add the CCS framework that you use to the _Host.cshtml file

  6. If you are using Boostrap 3.x you will also need this line in the _Host.cshtml file:

        <link href="~/_content/GridBlazor/css/gridblazor-bootstrap3.min.css" rel="stylesheet" />
  7. If you are using Materialize you will also need this line in the _Host.cshtml file:

        <link href="~/_content/GridBlazor/css/gridblazor-materialize.min.css" rel="stylesheet" />
  8. If you are using Bulma you will also need this line in the _Host.cshtml file:

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

Quick start ->