Installation

1) Download the binaries, or one of the demos: BlazorAwesome Demo, BlazorWasmAwe Demo. 2) Unzip, and copy from the folder the files into the following folders in your solution:

libs folder: Omu.BlazorAwesome.dll/xml
wwwroot/js/BlazorAwe.js
wwwroot/css/awetheme folder

3) Add reference to

Omu.BlazorAwesome.dll

(right click project -> Add Project Reference -> Browse -> find

Omu.BlazorAwesome.dll

-> Ok). 4) Add these using statements to

_Imports.razor

@using Omu.BlazorAwesome.Core
@using Omu.BlazorAwesome.Components
@using Omu.BlazorAwesome.Models
@using Omu.BlazorAwesome.Models.Utils

5) Open

Pages/_Host.cshtml

, or

wwwroot/index.html

for WASM, and add references to

BlazorAwesome.js

jquery.js

, and css files ( keep the same order ).

...
<link id="theme" href="css/awetheme/gui3/BlazorAwe.css" rel="stylesheet" />
...
</head>
<body>
...
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="js/BlazorAwe.js"></script>
...
</body>

Optional

1) For EntityFramework (Blazor Server, with Microsoft.EntityFrameworkCore.SqlServer package added), copy from the Blazor Awesome Demo

EFAwesomeExtensions

, and add its namespace (in our demo it's

WebUi.Utils

) to

_Imports.razor

@using WebUi.Utils

Now you'll be able to use the

EFData

extension method in your code. 2) Try an awesome component. In

Index.razor

add this code:

<OButton>hi</OButton>

Hit

Ctrl+F5

to run the app.

Comments