Good – Bootstrap 5 HTML Admin Dashboard Template integration issue with blazor

Hi,
we purchased Good – Bootstrap 5 HTML Admin Dashboard Template and follow the same instruction to implement it with Blazor. but getting issue.
Please resolved as soon as possible.

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 (4)

Hi,

Thank you for your feedback.

We are already working on the fix, fix will be available in the next Good theme releases.

What do you mean by you will fix in next release . So currently, what you should I do.
either you have to return money or we have to hold our project till your next release . What you think ?

Hi,

We will release the fix for this issue in the next update as soon as possible. In the meantime you can follow the below instructions to fix it in 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  :(