Please send Good – Bootstrap 5 Admin Dashboard Template running blazor sample

hi ,
Can you please send us Good – Bootstrap 5 Admin Dashboard Template running blazor sample.

Thanks
Dharm

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

Hello,

Good does not have running Blazor sample at the moment, however it is in our roadmap for 2022. Stay tuned to get free updates.

Please feel free to ask if we can assist yo further.

Best regards,
Bob

Hi,

Our Blazor integration doc currently has some errors, we will release the fix for these errors in the next update as soon as possible. In the meantime, you can follow the below instructions to fix it on your end.

The easiest way to get started with Good + Blazor is to reuse webpack.config.js from the /theme/tools folder.

You can copy the/theme folder and place it into a root directory of your Blazor project.

By default, all bundled assets will be placed inside a /dist folder, but in the Blazor app we need to place them in the /wwwroot directory, to achieve this you can update the distPath variable in /theme/tools/webpack.config.js.


const distPath = demoPath + '../../wwwroot';

Now we are ready to bundle our assets, open the tools folder in your command line and execute the commands below.
To install dependencies:

npm install

To build the theme assets:

npm run build

[ as a result of this command you should have assets folder in /wwwroot ]

Copy all link tags from /theme/dist/index.html head tag and paste them into a head tag in file /Pages/_Layout.cshtml.

To load javascript files asynchronously use code below in file /Shared/MainLayout.razor:

@inject IJSRuntime JS
@inject NavigationManager MyNavigationManager

@code {
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
await JS.InvokeAsync<IJSObjectReference>("import", MyNavigationManager.ToAbsoluteUri("assets/plugins/global/plugins.bundle.js"));
await JS.InvokeAsync<IJSObjectReference>("import", MyNavigationManager.ToAbsoluteUri("assets/js/scripts.bundle.js"));

}
}
}

Let me know if you will have any problems or questions regarding this integration.

Hi again,

If you somehow get a chance to rate Good Admin on Getbootstrap Market, it would help us a lot.

Best Regards,
Lauris

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(